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Penulis 


Kata Pengantar 


Sebagai pengarjin kode, menguasai alat editor teks merupakan suatu 
kewajiban. Umumnya, mereka memiliki preferensi sendiri dalam 
mengatur editor teks sedemikian rupa sehingga dapat digunakan 
dengan nyaman dan meningkatkan produktivitas dalam mengem- 
bangkan perangkat lunak. 


Tedapat banyak sekali editor teks modern di luar sana, editor teks ter- 
sebut datang dan pergi, seolah memiliki masanya masing-masing. 
Sekitar satu dekade yang lalu saya masih nyaman menggunakan edi- 
tor teks seperti Sublime Text, namun sekarang seperti sudah tidak rel- 
evan lagi. 


Sekarang masanya editor teks seperti VS Code, editor teks ini open 
source dan memiliki komunitas yang besar, tidak heran banyak sekali 
yang menggunakannya. Selain VS Code, banyak lagi editor teks lain 
berbayar yang memiliki fitur-fitur premium. 


Memilih editor teks adalah persoalan subjektif: mungkin kita mem- 
ilihnya karena itu populer, atau mungkin kita memilihnya karena 
memiliki fitur yang ciamik. Semua itu persoalan preferensi yang tidak 
pernah bisa diperdebatkan, namun dihargai. 


Hal yang membuat kita bertahan pada sebuah editor teks biasanya 
soal kenyamanan dan muscle memory. Saat di dalam editor teks terse- 
but kita melakukan penyuntingan kode dengan mudah tanpa 
memikirkan setiap langkah untuk melakukannya. 


Ketika kita memutuskan beralih kepada editor teks yang lain karena 
beberapa alasan, hal yang menyulitkan adalah persoalan pemetaan 
tombol. Kita sudah terbiasa dengan pemetaan tombol pada editor teks 
sebelumnya. Namun, sial, editor teks yang baru ini memiliki pemetaan 
yang berbeda. 


Saya pernah berada pada situasi yang sama, ketika saya merasa Sub- 
lime Text sudah kadaluarsa, saya memutuskan untuk beralih pada VS 


Code yang saat itu memiliki fitur lebih mutakhir. Tentu saja saya men- 
galami kesulitan pada kesan pertama, namun itu konsekuensi logis 
yang perlu saya ambil untuk mencapai kemaslahatan. 


Seiring berjalannya waktu, saya pun terbiasa dengan pemetaan- 
pemetaan yang baru hingga menjadi muscle memory, dan pada 
akhirnya saya merasakan pengalaman yang lebih baik dalam 
melakukan pengembangan perangkat lunak. 


Pada VS Code, semakin banyak ekstensi yang dipasang semakin ban- 
yak juga sumber daya yang dikonsumsi. Komputer saya tidak pernah 
memiliki memori yang lebih dari 4 GB saat itu. Sehingga saya perlu 
mencari alternatif lain. 


Urgensitas itulah yang menghadirkan ide radikal untuk beralih ke 
Vim. Tentu saja beralih dari editor teks konvensional ke modal editor 
seperti Vim lebih sulit lagi. Banyak hal yang perlu dipelajari, terutama 
mebiasakan diri dengan beberapa mode di dalamnya. 


Bagi saya, mempelajari Vim saat itu adalah salah satu keputusan ter- 
baik sepanjang masa walaupun membutuhkan waktu yang relatif 
lama untuk memahaminya secara mendasar. 


Saat pertama kali membuka Vim, saya tidak tahu bagaimana cara un- 
tuk keluar dari program tersebut. Sekarang, saat saya sudah cukup 
memahaminya, saya menyengaja untuk tidak pernah keluar. 


Vim juga merupakan sebuah editor teks yang tidak pernah mati, 
seolah ia berada di semesta yang berbeda. Ketika banyak orang tergiur 
dengan editor teks modern yang penuh dengan magis, para pengguna 
Vim tidak berpaling. 


Pengantar Vi iMproved adalah buku yang ditujukan bagi mereka yang 
ingin mempelajari Vim sebagai pilihan alternatif editor teks. Dengan 
mempelajari Vim, kita akan dapat menyunting teks dengan lebih cepat 
dan efisien, dan memanfaatkan kekuatan editor tersebut untuk 
meningkatkan produktivitas. 


Buku ini dimaksudkan untuk membantu pembaca memahami dasar- 
dasar Vim, mulai dari mengenal editor ini hingga menguasai perintah 
dan fiturnya. 


Selain itu, buku ini terdiri dari banyak bagian, namun secara garis be- 
sar buku ini akan membahas Vim, Neovim dan mengkonfigurasinya 
dengan AstroNvim untuk dapat dijadikan editor teks sehari-hari. 


Setiap bagian menggunakan pendekatan yang berbeda. Pada bagian 
Vim, kita akan mempelajari Vim dengan pendekatan filosofis, bukan 
dengan membaca daftar perintah dan menghafalnya. Melainkan me- 
mahaminya secara mendasar, memahami perintah-perintah sebagai 
bahasa komunikasi dengan Vim. 


Menghafal perintah-perintah mudah saja dilakukan, tapi dengan me- 
mahaminya secara mendasar, kita dapat mengerti bagaimana 
perintah tersebut dapat terstruktur menjadi satu perintah yang utuh 
dan bagaimana perintah-perintah tersebut dapat digabungkan untuk 
mencapai suatu aksi tertentu. 


Buku ini tidak mencakup semua hal di dalam Vim, karena tujuannya 
bukan untuk menulis ulang dokumentasi Vim dalam Bahasa Indone- 
sia. Tapi, buku ini mencakup konsep-konsep penting dalam Vim, sep- 
erti mode editor, operator dan motion, serta cara membuat konfigur- 
asi Vim yang sesuai dengan kebutuhan. 


Setelah mempelajari Vim, kita akan beralih menggunakan Neovim se- 
bagai editor teks sehari-hari. Bagian ini dan bagian terusannya akan 
menggunakan pendekatan yang pragmatis. Kita tidak akan me- 
mahaminya secara mendalam hingga menjadi ahli Neovim, melainkan 
hanya akan menjadikannya alat untuk membantu kita dalam pengem- 
bangan perangkat lunak. 


Pada dasarnya, antara Vim dan Neovim memiliki kesamaan, karena 
Neovim sendiri adalah proyek fork dari Vim. Saat kita sudah me- 
mahami Vim, kita tidak perlu mempelajari Neovim dari awal lagi. 


Buku ini dapat dijadikan referensi bagi mereka yang ingin mencoba 
alternatif lain dalam menyunting kode, memahami Vim secara men- 
dasar, dan mulai berkelana di ekosistem Vim. Ada alasan mengapa 
buku ini diberi judul "Pengantar Vi iMproved". 


Kita perlu membiasakan mencoba alternatif lain untuk melihat po- 
tensi pengalaman yang lebih baik. Bukan menutup diri dengan ber- 
lagak konservatif. 


Buku ini saya dedikasikan untuk para pengembang yang hendak 
mempelajari Vim, terutama para penikmat video tutorial saya di 
YouTube yang seringkali protes ketika saya menggunakan Vim. 


Selamat mempelajari Vim! 


Konvensi 


Teks yang ditulis dengan font monospace akan merepresentasikan 
kode keseluruhan, alamat berkas/folder, bagian kode, dan perintah- 
perintah Vim atau CLI. Selain kode, penulisan teks dengan font mono- 
space juga diterapkan untuk merepresentasikan teks yang berada di 
dalam Vim (tidak semua contoh menggunakan bahasa pemrograman, 
kadang-kadang menggunakan teks biasa), contoh penulisannya sep- 
erti ini: 
Lorem ipsum dolor sit amet, consectetur adipiscing 
elit. Proin semper convallis dolor, in bibendum nulla 
Laoreet ac. Fusce rutrum nisi ac Ultrices iaculis. Sed 
imperdiet nisi guis ligula semper evismod. 


Contoh penulisan blok kode program: 
function addla, b) “ 
return a # bj 
5 


console.log(add(1, 2)): 


Tidak semua yang ditulis pada blok kode seperti di atas adalah kode 
program, kadang-kadang hasil dari perintah CLI atau Vim ditulis 
dengan konvensi yang sama, seperti ini: 


Press ENTER or type command to continue 


Posisi kursor pada Vim direpresentasikan dengan karakter yang 
diberi warna latar belakang merah dan warna teks putih (bila kamu 
mendapatkan buku ini dalam versi cetak hitam-putih, warna latar 
belakang akan menjadi hitam): 


conEjole. Log ("Hello") : 
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Contoh di atas menunjukkan bahwa posisi kursor berada di huruf s 
pada bagian kode console. Bila posisi kursor berada karakter kosong, 
seperti spasi atau baris baru maka akan direpresentasikan dengan 
karakter |, seperti ini: 


// kode bagian atas 


// kode bagian bawah 


Penulisan URL, istilah Vim, nama berkas atau ekstensi dari sebuah 
berkas akan ditulis dalam huruf miring, seperti welcome.js, bufferline, 
vimrc, atau https://vim.org. 


Setiap perintah yang ditulis di buku ini pada dasarnya untuk pengguna 
Unix atau Unix-like, seperti macOS, Linux, atau WSL. Perintah yang 
berbeda untuk sistem operasi Windows akan dituliskan setelahnya 
dengan kalimat semacam "Untuk Windows ...". 


Penyebutan Windows di buku ini merujuk pada program gVim yang 
akan dibahas pada bagian berikutnya, pengguna Windows dengan 
WSL diklasifikasikan menjadi pengguna Linux. Namun, untuk be- 
berapa kasus tertentu tetap perlu mengikuti panduan untuk Win- 
dows, seperti pengaturan font salah satunya, karena terminal emula- 
tor yang digunakan untuk menjalankan WSL berjalan pada lingkungan 
Windows. 
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Prolog 


Sekitar 2 tahun lalu saya mulai menjadikan Vim sebagai editor teks 
sehari-hari. Sebelum itu, saya udah mencoba pelbagai editor teks, mu- 
lai dari Notepad, Sublime Text, Atom, VS Code, bahkan Dreamweaver 
pun saya sudah pernah coba. 


Pada dasarnya mereka semua sama saja, sama-sama editor teks. Yang 
membedakan satu dengan yang lain hanyalah fitur, keybinding, dan 
komunitas. Dari beberapa editor teks yang saya sebutkan tadi, VS 
Code yang paling banyak digunakan sekarang!. Sisanya berusaha un- 
tuk menjadi relevan dan bahkan Atom sudah mau “pensiun” akhir ta- 
hun ini2. 


Yang membuat VS Code ini banyak peminat adalah selain gratis ia juga 
memiliki komunitas yang besar, itu yang membuat editor teks ini ban- 
yak memiliki pilihan ekstensi dan membuat para coderjadi jatuh cinta. 


Selain yang saya sebutkan tadi, tentunya masih banyak editor teks di 
luar sana, ya! Apalagi produknya JetBrains- 


Menggunakan editor teks jenis apa saja tidak masalah, 
selama editor teks tersebut dapat membuatmu lebih 
produktif 


1"2022 Developer Survey" https://survey.stackoverflow.co/2022/#most-loved- 
dreaded-and-wanted-new-collab-tools-love-dread 


2 "Sunsetting Atom" https://github.blog/2022-06-08-sunsetting-atom/ 
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Alasan Menggunakan Vim 


Setelah berkelana mencoba beberapa editor teks tadi, akhirnya saya 
memutuskan untuk belajar dan menggunakan Vim sampai saat ini. 
Alasannya sederhana saja: ringan dan lebih produktif. 


VS Code Lambat 


Dua editor teks terakhir yang saya gunakan sebelum Vim adalah Sub- 
lime Text dan VS Code. Sublime Text adalah editor teks yang saya 
gunakan sejak saya masih sekolah. Sampai akhirnya saya beralih ke VS 
Code karena banyak package-package dari Sublime Text yang mulai 
kadaluarsa dan tidak dikembangkan lagi. 


VS Code memiliki komunitas yang besar dan aktif, sehingga banyak 
sekali ekstensi-ekstensi yang bisa kita gunakan. Namun, yang tidak 
saya sadari saat itu adalah semakin banyak ekstensi yang digunakan 
maka semakin banyak sumber daya komputer yang dibutuhkan. 


Pada titik itulah VS Code mulai terasa lebih lambat. Tanpa 
menggunakan ekstensi yang banyak pun, sebetulnya VS Code sudah 
cukup lambat pada komputer saya saat itu. 


Alasan yang paling masuk akal kenapa VS Code lambat adalah karena 
berbasis web - di dalamnya terdapat browser, sehingga butuh sumber 
daya yang cukup banyak dan komputer saya tidak bisa mem- 
berikannya. 


Itu alasan pertama dan yang terpenting kenapa saya akhirnya memu- 
tuskan untuk beralih ke Vim. Tentu saja Vim lebih cepat ketika dibuka 
dan lebih responsif. Saya hanya membutuhkan terminal emulator dan 
langsung bisa membuka program editor teks bernama Vim tersebut. 


Jujur saja, saya tidak memiliki alasan lain yang lebih urgent dari alasan 
sebelumnya. Dipikiran saya saat itu hanyalah bagaimana caranya saya 
masih bisa ngoding dengan performa yang lebih ngebut. Saat itulah 


1 We 


saya bertemu dengan Vim, menyesatkan diri ke Vim, dan ingin terus 
bersama Vim- 


Bila menggunakan Vim adalah salah, maka selamanya 
saya tidak ingin benar 


Saya tidak punya benchmark untuk seberapa cepat Vim, tapi setid- 
aknya ia lebih cepat dari VS Code di komputer saya. Ini sudah pasti 
kedengarannya subjektif, tapi memilih editor teks pada dasarnya 
tidak lebih dari melibatkan perasaan saja. Mana yang dirasa cocok itu 
yang akan dipilih. 


Lebih Produktif 


Ketika sudah tersesat di Vim, akhirnya saya mulai terbiasa dengan 
Vim dan bagaimana cara mengoperasikannya. Dari sinilah saya baru 
merasakan bahwa ternyata ngoding bisa lebih cepat dengan Vim. 


Bagaimana tidak, pada saat saya menggunakan editor teks semacam 
VS Code, Sublime Text dan semacamnya, saya masih sering 
menggunakan mouse. Tangan saya bolak-balik dari atas keyboard ke 
atas mouse dan itu berulang. Sedangkan dengan Vim semuanya bisa 
selesai dengan perintah-perintah yang saya ketik di atas keyboard. 


Hal ini yang saya baru sadari ternyata menggunakan mouse pada saat 
ngoding itu cukup membuang waktu walaupun hanya sekitar be- 
berapa detik saja. Tapi tetap saja artinya ada sekian detik yang ter- 
buang. Lagipula untuk apa pindah ke mouse apabila bisa diselesaikan 
di atas keyboard? 


Sebagai contoh, saya ingin mengganti teks konten dari tag HTML xti- 
tle» dari “Untitled Document” menjadi “Kredibel” dan posisi kursor 


« 


saat itu ada di atas tanda “«” pada pembuka tag «title». 
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RJ Alacritty » nvim 
kredibel.html 


«/ body» 
«/htmLz 


NORMAL | kredibel.htmt @ nal/Labs/ /kredibe h html « utf-8 5:28 


Contoh kode study kasus Vim 


Umumnya, di editor teks seperti VS Code, saya setidaknya perlu 
melakukan: 


e Menggeser kursor ke posisi di antara tag «title», entah 
menggunakan arah panah keyboard atau menggeser mouse 

e Memblok dan menghapus isi teks “Untitled Document” 

e Menulis teks “Kredibel” 


Tapi, di Vim saya hanya perlu menulis perintah cit dan menulis 
“Kredibel”, selesai. 
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RJ Alacritty » nvim 


kredibel.html 


«/head» 
body: 


«/ body» 
«/htm» 


kredibel.htmL @ «nal/labs/vim/kredibel.h ) html « utf-8 


Vim changes inner tag 


Contoh di atas hanyalah satu hal dari sekian banyak hal yang bisa kita 
lakukan lebih cepat dengan Vim. 


Perintah cit di Vim artinya change-inner-tag-block. Dan Vim juga pa- 
ham konteks (tag) yang dimaksud. Karena posisi kursor saya pada 
saat memberikan perintah cit berada di atas tanda “«” tag «title». 
Maka tag yang dimaksud adalah tag «title» tersebut. 


Mungkin kamu bertanya-tanya, bukankah bila mengetik cit di key- 
board akan memunculkan tulisan “cit” secara harfiah di layar? Hal itu 
benar bila di editor teks non-modal seperti VS Code. Tapi, di Vim tidak 
seperti itu, karena Vim ini termasuk ke modal editor. 


Modal editor merupakan sebuah editor yang memiliki beberapa mode. 
Sebagai contoh Vim, editor teks ini memiliki beberapa mode di at- 
aranya: normal, insert, visual, command, dan beberapa mode tamba- 
han lainnya. 


Berbeda dengan editor teks konvensional seperti VS Code, Sublime 
Text, Atom, Emacs, atau Nano mereka termasuk ke non-modal editor, 
karena hanya memiliki satu mode saja yaitu insert mode. 
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Sudah kelihatan perbedaan signifikan dari keduajenis editor ini, kan? 
Ya, masalah mode! 


Begini, umumnya bila kita menggunakan editor teks seperti VS Code 
atau sejenisnya, ketika kita buka editor teks tersebut, kita sudah bisa 
langsung mengetik apa saja yang kita mau. 


const company - 'Kredibel': « Untitled-1 


const company - 'Kredibel': Untitled-1 @ 


Spaces:4 UTF-8 LF () JavaScript SA WPrettier DO 


Pratinjau Editor Teks Visual Studio Code 


Sedangkan pada modal editor seperti Vi, Vim, atau Neovim, ketika kita 
membuka editor tersebut, umumnya kita tidak bisa langsung men- 
getik teks apapun yang kita inginkan. Ini disebabkan oleh editor ter- 
sebut diawali oleh mode normal. 
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bAlacritty » nvim 
kredibel. js x 


NORMAL  kredibel.js ynal/labs/ kredibel. ) javascript € utf-8 ala 


Pratinjau Vim 


Kamu lihat tulisan “NORMAL” di pojok-kiri-bawah? Ya, itu adalah in- 
dikator mode dari Vim. Pada mode normal ini, kita tidak bisa mengetik 
tulisan apapun di dalamnya, bila kita mencoba menekan tombol di 
keyboard maka Vim akan menerjemahkannya sebagai perintah atau 
command ketimbang memunculkan karakter yang kita tekan. 


Sebagai contoh, bila kita tekan tombol i di keyboard, ini akan 
memunculkan huruf “?” secara harfiah pada editor teks non-modal 
seperti VS Code. Tapi, bila kita lakukan hal yang sama di dalam Vim, 
“Y” di layar, yang terjadi adalah Vim 


3» 
1 


maka tidak akan muncul huruf 
akan berganti mode dari normal menjadi insert mode. 
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.. PJAlacritty » nvim 
Js kredibel. js x 


kredibel.js ynal/labs/ kredibel.js @A  Jsjavascript € utf-8 


-- P3 


Vim mode insert 


Karena i diterjemahkan sebagai perintah berganti mode menjadi in- 
sert oleh Vim. Di mode inilah kita bisa mengetik apapun seperti yang 
kita bisa lakukan di editor teks non-modal. 


.. IJAlacritty » nvim 
JS kredibel. js e 
const company 


function (name) 4 
return “$inamej is 


y 


console ( (company)) 


NORMAL  kredibel.js @ «1/labs/vim/kredibel.js A4 JS javascript « utf-8 8:24 


Vim mode insert dengan kode JavaScript di dalamnya 
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Bila ingin kembali ke mode normal, kita bisa menekan tombol ESCAPE 
di keyboard. Dan pertanyaan yang paling sering ditanyakan pada Vim: 
bagaimana cara saya keluar dari Vim?3 


Take this month's 


(Si stackoverflow Pulse Survey 


1Si Stackoverflow 


Take this month's 
Pulse Survey 


Pertanyaan di situs Stack Overflow mengenai cara keluar dari program Vim 


Untuk keluar dari Vim itu sederhana saja: restart computer dan Vim 
akan keluar dengan sendirinya. Becanda, ya! 


Tapi, serius, untuk keluar dari Vim ini memang sederhana, cukup tulis 
perintah :g di command mode maka kita akan keluar dari Vim. Untuk 
melakukannya: 


e Pertama, tekantombol SHIFT-#, untuk mencapai tanda titik dua 
e Sampai sini sudah ada di dalam command mode 
e Lalu tekan tombol g dan tekan ENTER 


Bila kita memiliki tulisan di dalam Vim yang sebelumnya kita ketik, 
maka Vim tidak akan keluar begitu saja dengan perintah sebelumnya. 


3 "How do I exit Vim?" https://stackoverflow.com/guestions/11828270/how-do-i- 
exit-vim 
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.. IJAlacritty » nvim 
Js kredibel. js ( 
const company 


function (name) 4 
return “$fnamej i: 
t 


console ( (company)) 


E37: No write since last change 
E162: No write since last change for buffer "kredibel.js" 


| 


Error Vim karena perubahan belum disimpan 


Error tersebut setara dengan dialog peringatan pada non-modal edi- 
tor. 


Do you want to save the changes 
you made to const company - 
"Kredibel':? 


Your changes will be lost if you don't 


Save 


Don't Save 


Cancel 


Pi 


Dialog peringatan berkas belum disimpan pada VS Code 


Perbedaannya adalah di Vim tidak ada tombol sama sekali, hanya ada 
tulisan error. Ketika muncul error seperti itu di Vim, setidaknya kita 
memiliki dua pilihan: simpan perubahan dan keluar, atau membatal- 
kan perubahan dan langsung keluar. 
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Untuk memilih opsi yang pertama, kita bisa menggunakan perintah 
:wg di Vim yang bermaksud write-(and)-guit. Dan bila kita ingin opsi 
yang kedua, cukup tambahkan tanda seru diakhir perintah guit, jadi 
:g!. 


Keduanya akan membuat kita keluar dari Vim, yang membedakan 
hanyalah kita ingin menyimpan atau tidak perubahan yang sudah 
dibuat. 


Sampai sejauh ini mungkin kamu sudah merasakan betapa “ribet”-nya 
Vim ini! 

Saya ingin jujur, sebenarnya kita memiliki reaksi serupa pada saat 
pertama kali berinteraksi dengan Vim. Bagaimana tidak, di editor teks 
seperti VS Code itu lebih mudah karena kita tinggal tekan-tekan tom- 


bol maka semuanya selesai. Di Vim, kita harus ketik-ini-ketik-itu baru 
selesai. Karena semua interaksinya dilakukan dengan keyboard. 


Tapi, itulah poin penting menggunakan Vim, membuat tangan kita 
tidak berpindah dari atas keyboard ke mouse. Percayalah itu hanya 
soal kebiasaan saja, sekali kita sudah terbiasa dengan Vim maka 
semuanya akan lebih ngebut! 
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Tentang Vim 


Vim adalah program editor teks yang dapat dijalankan dalam CLI mau- 
pun GUI. Umumnya orang menggunakan Vim di dalam lingkup CLI me- 
lalui terminal emulators, seperti iTerm, Alacritty, Konsole, GNOME 
Terminal atau yang lainnya. Apabila tidak memungkinkan, maka Vim 
dapat diakses melalui GUI, seperti menggunakan gVim atau MacVim. 


Vim versi GUI merupakan aplikasi yang mandiri (standalone applica- 
tion) - tidak membutuhkan terminal untuk jalan. Selain itu, perbedaan 
mendasar antara Vim versi GUI dan CLI adalah adanya menubar di da- 
lam Vim GUI, menubar tersebut berisi koleksi perintah-perintah yang 
memungkinkan kamu untuk berinteraksi dengan Vim melalui mouse. 
Di luar dari kedua hal tadi, cara mengoperasikan Vim versi GUI sama 
saja seperti di CLI. 


Esensi menggunakan Vim adalah efisiensi keyboard, jadi lebih baik 
membiasakan menggunakan Vim di dalam CLI, ketimbang harus me- 
maksakan menggunakan Vim tapi dalam GUI. Bila memang lebih suka 
dengan GUI, lebih direkomendasikan menggunakan non-modal editor 
seperti VS Code atau semacamnya. 


Tidak masalah juga bila menggunakan Vim versi GUI, karena di sistem 
operasi seperti Windows cukup sulit untuk memasang Vim kecuali 
menggunakan gVim. Kabar baiknya mulai dari versi 10, Windows 
memungkinkan kita untuk memasang Linux di dalam Windows, hal ini 
bernama WSL. Dengan WSL kita dapat memiliki pengalaman penuh 
menggunakan Linux di dalam Windows tanpa harus melakukan teknik 
dual boot. Karena WSL berjalan di dalam lingkungan Linux sendiri, se- 
hingga kita dapat memasang Vim dengan mudah selayaknya 
pengguna Linux pada umumnya. 


4 "Terminal Emulator" https://en.wikipedia.org/wiki/Terminal emulator 
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Saat sudah berada di dalam Vim, perbedaan antara versi GUI dan CLI 
tidak begitu kentara, karena setiap perintah Vim sama-sama akan 
dieksekusi melalui keyboard - GUI dan CLI pada akhirnya hanya se- 
bagai perantara saja. 


Sejarah Singkat 


Vim terlahir karena adanya editor teks lain bernama Vi (penyebu- 
tannya dipisah: v-i dalam Bahasa Inggris) yang dibuat oleh Bill Joy? 
dan dirilis pertama kali tahun 1976. Awalnya editor teks ini bernama 
ex sampai tahun 1979 versi kedua dari ex rilis di bawah nama vi 
kependekan dari visual. Dan nama itulah yang sampai saat ini kita ke- 
nal. 


Kemudian seseorang bernama Bram Moolenaar? mem-fork sumber 
kode dari Vi dan melakukan beberapa improvisasi, seperti menambah 
beberapa fitur yang tidak ada di dalam Vi sebelumnya. 


Lalu pada tahun 1991 editor teks Vi yang sudah diimprovisasi dirilis 
ke publik oleh Bram dan diberi nama Vim kependekan dari “Vi IM- 
proved". 


Sederhananya, Vim adalah editor teks yang kodenya berbasis dari Vi 
dan dilakukan beberapa improvisasi ke dalamnya, seperti syntax high- 
lighter, multi-level undo, menambahkan fitur macros, dan masih ban- 
yak lagi. Vim berlisensi GPL-compatible. 


Selain Vim, ada juga editor teks bernama Neovim. Seperti Vim, Neovim 
adalah versi yang sudah diimproviasi (lagi) dari Vim. Bila diurutkan 
seperti ini jadinya: 


5 "Bill Joy" https://en.wikipedia.org/wiki /Bill Joy 


6 "Bram Moolenaar" https://en.wikipedia.org/wiki/Bram Moolenaar 
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Motivasi terciptanya Neovim” ini adalah basis kode Vim yang terlalu 
“menyeramkan” untuk disentuh dan komunitas Vim yang tidak begitu 
cepat dalam melakukan pengembangan, karena hanya satu orang 
yang bertanggung jawab atas segala perubahan pada kode Vim, yaitu 
Bram Moolenaar. 


Walaupun arsitektur Vim sudah diubah di dalam Neovim, ekosistem 
plugin Vim dan Neovim tidak berbeda jauh. Karena banyak plugin- 
plugin dari Vim dapat dipasang di Neovim. Dan keduanya memiliki 
keybinding yang serupa. 


Vim ataupun Neovim, keduanya sama-sama extensible dan customiza- 
ble. Jadi keduanya bisa dipasangkan plugin pihak ketiga ataupun 
dikustomisasi untuk menyesuaikan kebutuhan kita. 


Saya pribadi saat ini menggunakan Neovim, setelah sebelumnya 
menggunakan Vim. Karena saya merasa Neovim memiliki plugin- 
plugin dan fitur menarik untuk dicoba, dan salah satu yang membuat 
saya pindah ke Neovim adalah prihal floating window. 


7 "Introduction" https://github.com/neovim /neovim/wiki /Introduction 
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PJAlacritty » nvim 


1Bound, Range, RangeBounds/: 


z1 


@IA LICENSE-MIT 

scripts/create-flamegraph.sh 

CB scripts/README.md 
scripts/24-bit-color.sh 
scripts/colors.sh 
scripts/fg-bg.sh 

CO CONTRIBUTING.md 
extra/alacritty.man 
extra/alacritty-msg.man 

../linux/org.alacritty.Alacritty.appdata.xmL 

../linux/Alacritty.desktop 


Anchor 4 point, side | 


INSERT selection.rs rust « utf-8 18:1 
1,5-3 ALL 


Neovim floating window 


Kamu lihat kotak yang sedang melayang di atas? Ya, itu maksudnya! 
Mungkin kamu akan berpikir bahwa hal itu biasa saja, tapi bila dil- 
akukan di dalam CLI maka butuh effort untuk melakukannya dan ter- 
lihat lebih keren. 


Dan, ya, saya mencoba mem-VS-code-kan Neovim saya di dalam CLI! 


Neovim 


Cara mengoperasikan Vim dan Neovim sama saja. Katakanlah kamu 
sudah ahli menggunakan Vim selama bertahun-tahun dan tiba-tiba 
beralih ke Neovim, maka perintah-perintah umum yang biasa kamu 
gunakan di Vim, juga akan bekerja di dalam Neovim - tanpa harus 
belajar lagi dari awal. 


Dalam hal arsitektur Neovim dirancang agar lebih berkinerja dan 
dapat dipelihara. Ini juga yang menjadi alasan mengapa Neovim 
menggunakan Lua ketimbang bahasa yang lebih berat seperti JavaS- 
cript atau Python. Basis kode Neovim yang dapat dipelihara 
menghasilkan komunitas yang lebih cepat berkembang. 
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Selain itu, konfigurasi Vim dapat kita gunakan di dalam lingkup Neo- 
vim. Sebagai tambahan, kita juga dapat menulis konfigurasi Vim 
dengan bahasa Lua. Saya pribadi menulis konfigurasi Neovim dengan 
Lua karena lebih rapih dan terorganisasi dengan baik secara subjektif. 
Plugin-plugin Neovim yang ditulis dengan bahasa Lua juga banyak. 


Neovim mendukung LSP (Language Server Protocol) secara bawaan. 
LSP memungkinkan Neovim berkomunikasi dengan server bahasa 
pemrograman untuk mengaktifkan fitur seperti code completion, doc- 
umentation, code formatting atau go-to-definition. 


Pada buku ini kita akan belajar menggunakan Vim, setelahnya kita 
akan menggunakan Neovim dan mengkustomisasinya agar dapat 
digunakan sebagai editor teks sehari-hari, bahkan dapat menjadi IDE 
(Integrated Development Environment) andalan kita untuk bekerja. 


Mungkin kamu ingin bertanya mengapa kita tidak langsung 
menggunakan Neovim saja, sehingga tidak perlu pindah-pindah. Hal 
ini dilakukan agar memberi pemahaman bahwa pada dasarnya kedua 
program Vim dan Neovim tidak banyak berbeda, kecuali dari sisi arsi- 
tektur seperti yang disebutkan sebelumnya. 


Konfigurasi 


Ketika membuka Vim pertama kali, tidak perlu berekspektasi banyak 
hal, seperti terdapat syntax highlighter, line number, apalagi code com- 
pletion. Semua itu tidak ada. Vim maupun Neovim adalah editor teks 
yang unopinionated, yang berarti mereka tidak punya pandangan apa- 
pun terhadap bagaimana kita menggunakan editor teks. 


Bila kita menginginkan syntax highlighter pada kode yang kita tulis, 
maka kita perlu mengaktifkannya melalui konfigurasi, begitu juga 
dengan fitur lain seperti line number. Untuk fitur-fitur yang lebih 
lanjut seperti file explorer, code formatting, code completion, atau code 
linting kita perlu mengaturnya secara mandiri. 
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Memang benar LSP sudah tersedia secara bawaan pada Neovim, tapi 
ia hidup di dalam repositori yang berbeda, sehingga kita perlu me- 
masangnya dan melakukan konfigurasi secara mandiri hingga dapat 
menggunakan fitur-fitur seperti autocompletion, documentation, go- 
to-definition, format hingga diagnostic. 


Terlihat lebih repot ketimbang editor teks seperti VS Code yang pada 
dasarnya semuanya sudah ada tanpa harus kita konfigurasi secara 
mandiri. Namun hal ini justru yang membuat saya pribadi semakin 
tertarik dengan ekosistem Vim. Saya merasa lebih bebas dan merasa 
keren ketika menulis konfigurasi yang membuat Vim maupun Neovim 
saya terlihat cantik dan dapat diandalkan. 


Pada dasarnya editor teks seperti VS Code juga berdasarkan konfigur- 
asi, namun bedanya semua konfigurasi itu sudah ada secara bawaan. 
Kita tidak perlu melakukannya secara mandiri, kecuali bila kita ingin 
mengkustomisasinya - kita dapat mengubah konfigurasi bawaannya. 
Ini yang membuat editor teks seperti VS Code terlihat lebih sederhana 
untuk digunakan dibanding dengan Vim. 


Menulis konfigurasi Vim secara mandiri kedengarannya merepotkan, 
tapi faktanya memang seperti itu. Kendati merepotkan, kita tidak 
melulu menulis konfigurasi Vim keseluruhan dari awal. Umumnya 
pengguna Vim menggunakan konfigurasi dari sesama pengguna Vim 
lain sebagai starting point konfigurasinya, setelah itu disesuaikan lagi. 


Dengan seperti ini kita memiliki kendali penuh atas editor teks yang 
kita gunakan, kita dapat menyesuaikan fitur apa saja yang ada di da- 
lam Vim. 


Banyak konfigurasi Vim yang dapat kita gunakan dan tersebar di in- 
ternet, mulai dari yang minimal hingga yang kaya akan fitur seperti 
AstroNvim. Tidak seperti Neovim, AstroNvim bukanlah program teru- 
san dari Vim, melainkan sebuah layer IDE untuk Neovim yang berisi 
koleksi konfigurasi Neovim agar dapat dijadikan sebagai IDE. 
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AstroNvim menyediakan banyak fitur-fitur dasar yang dibutuhkan, 
seperti code completion, file explorer, fuzzy finder, linting, formatting, 
debugging, dan yang terpenting adalah kecepatan. Kedengarannya 
memang menjadi opinionated, tapi AstroNvim memungkinkan kita un- 
tuk mengkustomisasi konfigurasi bawaan mereka - kendali penuh 
masih ada di tangan kita. Lagipula hidup terlalu pendek untuk menulis 
konfigurasi Neovim dari awal. 


Case Sensitive 


Perintah-perintah pada Vim bersifat case-sensitive. Sebagai contoh, 
perintah d dengan D itu berbeda. Itu berarti apabila tombol CAPSLOCK 
keyboard kamu menyala dan kamu menekan tombol d, maka kamu 
menjalankan perintah D. Karena menekan tombol d pada saat 
CAPSLOCK menyala akan menghasilkan D. 


Begitu juga dengan perintah-perintah yang lain yang saya akan jelas- 
kan di bagian-bagian berikutnya. Hal ini saya sampaikan di awal agar 
tidak terjadi salah paham dan membingungkan di kemudian waktu. 
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Memasang Vim 


Vim tersedia secara luas di berbagai sistem operasi. Bila kamu 
menggunakan sistem operasi berbasis Unix atau Unix-like seperti ma- 
COS atau Linux, maka umumnya sudah terpasang Vim di dalamnya. 


Bila kamu menggunakan sistem operasi seperti Windows, maka kamu 
bisa menggunakan gVim atau bila kamu menggunakan Git Bash, di da- 
lamnya juga tersedia Vim. Tapi bila kamu menggunakan Windows 10 
atau di atasnya, saya lebih menyarankan untuk menggunakan WSL 
(Windows Subsystem Linux) untuk mendapatkan pengalaman Linux 
yang lebih baik. 


Pada buku ini kita akan menggunakan Vim di dalam Terminal jika 
memungkinkan, dan menggunakan versi GUI bila tidak memung- 
kinkan. 


Membuat langkah-langkah yang rinci untuk sistem operasi Unix-like 
seperti Linux akan terlalu luas jangkauannya, mengingat Linux mem- 
iliki banyak sekali distribusi yang berbeda-beda. Masing-masing dis- 
tro memliki package manager yang berbeda, sehingga akan membuat 
langkah-langkahnya pun berbeda dari yang lain. 


Di buku ini, saya hanya mencontohkan memasang Vim pada distribusi 
Ubuntu. Untuk distribusi yang lain seharusnya langkah-langkahnya 
tidak berbeda jauh. Untuk itu saya menyarankan untuk pergi ke hala- 
man unduh Vims untuk informasi yang lebih lengkap. 


macOS 


Biasanya Vim sudah tersedia di banyak versi macOS, untuk memveri- 
fikasi ketersediaan Vim, kita dapat membuka program Terminal dan 
mengetik perintah vim. 


8 "Unduh Vim" https://www.vim.org/download.php 
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vim —version 


mhdnawvalazhar — -zsh — 12x33 


VIM — Vi IMproved 9.6 (2822 Jun 28, compiled Sep 38 2822 @3:10:57) 


macOS version -— arm 
Included patches: 1 
Compiled by root@ap 
Normal version with 
tacl 
-arabic 
tautocmd 
#autochdir 
—autoservername 
-balloon.eval 
-balloon eval term 
-browse 
#builtin terms 
4byte offset 
#channel 
#cindent 
-clientserver 
#clipboard 
#cmdline compl 
#cmdline hist 
#cmdline info 
comments 
-conceal 
tcryptv 
#cscope 
#cursorbind 
#cursorshape 
#dialog con 
#diff 
#digraphs 

nd 


-270 
ple.com 


out GUI. Features included (4) or not (-): 


#file in path 
#find in path 
#float 
#folding 
-footer 
#fork() 
-gettext 
-hangul. input 
#iconv 
insert. expand 
#ipv6 

#job 
#jumplist 
-keymap 
#lambda 
-langmap 
#libcall 
#linebreak 
#lispindent 
#listomds 
#localmap 
-lua 

#menu 
#mksession 
#modify. fname 
#mouse 
-mouseshape 


Memeriksa ketersediaan program Vim 


-mouse urxvt 
#mouse xterm 
#multi byte 
4#multi lang 
-mzscheme 
#netbeans intg 
#num64 
#packages 
#path extra 
-perl 
#persistent undo 
#popupwin 
#postscript 
4#printer 
-profile 
-python 
-python3 
#guickfix 
#reltime 
-rightleft 
-ruby 
#scrollbind 
#signs 
#smartindent 
-sodium 
-sound 
#spell 


-tag any. white 
-tcl 
-termguicolors 
#terminal 
#terminfo 
#termresponse 
#textobjects 
#textprop 
#timers 
#title 
-toolbar 
#user commands 
-vartabs 
#vertsplit 
#vim9script 
#viminfo 
#virtualedit 
#visual 
#visualextra 
#vreplace 
#wildignore 
#wildmenu 
#windows 
#writebackup 
1 


-xfontset 
-—xim 


Bila Terminal menampilkan hasil kira-kira seperti di atas, Vim berarti 
tersedia. Terminal mungkin menampilkan hasil yang lain seperti 
mengindikasikan bahwa perintah vim tidak dapat ditemukan, itu be- 
rarti Vim tidak tersedia. Jika demikian, kita dapat memasang Vim di 


mesin macOS melalui Homebrew? dengan tahap-tahap berikut: 


1. 
2: 


Tetap berada di dalam program Terminal 


Jalankan perintah xcode-select --install untuk memasang 


alat-alat command-line di macOS 
Untuk memasang Homebrew gunakan perintah /bin/bash -c 
"$(curl -fsSL https://raw.githubusercontent .com/ Home- 
brew/install/HEAD/install.sh)" 
Dalam kasus tertentu, mungkin kamu perlu menambahkan ala- 
mat bin Homebrew secara manual ke dalam berkas konfigurasi 
Shell kamu, misal «/.zprofile bila kamu menggunakan Zsh 


9 "Sebuah package manager untuk macOS atau Linux" https://brew.sh 


31 


: fopt/homebrew/bin is not in your PATH. 
Instructions on how to configure your shell for Homebrew 
can be found in the 'Next steps' section below. 

Installation successful! 


Homebrew has enabled anonymous aggregate formulae and cask analytics. 
Read the analytics documentation (and how to opt-out) here: 


https://docs.brew.sh/Analytics 
No analytics data has been sent yet (nor will any be during this install run 


Homebrew is run entirely by unpaid volunteers. Please consider donating 


https://github.com/Homebrew/brew#donations 


Next steps: 

— Run these three commands in your terminal to add Homebrew to your PATH: 
echo '# Set PATH, MANPATH, etc., for Homebrew.' »» /Users/nuaval/.zprofile 
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' »» /Users/nuaval/.zprofile 
eval "$(/opt/homebrew/bin/brew shellenv)" 


Instruksi untuk mendaftarkan Homebrew ke PATH 


5. Sekarang kita dapat memasang Vim melalui Homebrew dengan 
perintah brew install vim 


mhdnawvalazhar — -zsh — 112x33 


brew install vim 

Running “brew update —-auto-update”... 

Auto-updated Homebrew! 
Updated & taps (heroku/brew, shivammathur/php, homebrew/cask-versions, homebrew/core, homebrew/cask and planetsc 
ale/tap). 

New Formulae 
bindgen corrosion 

New Casks 
cad-assistant element-nightly guiet-reader rapidapi 


You have 61 outdated formulae and 3 outdated casks installed. 
You can upgrade them with brew upgrade 
or list them with brew outdated. 


Downloading https://gher.io/v2/homebrew/core/lua/manifests/5.4.4 1 
HERE AAA AAA AAA AAA RAP REA AAA AAA AAA MEA A AAA AE EA AAA ARA AAA 100. 096 
Downloading https://ghcr.io/v2/homebrew/core/lua/blobs/sha256:c26caf8003f231 
Downloading from https://pkg-containers.githubusercontent.com/ghcr1/blobs/sh 
HERE REA KA AA HBO HO KAA RAK AKA AEAPA AEBPO AEEAKA AEAEAE AAA AAA EA AAA EA AA HAHA EA 10. 09 
Downloading https://ghcr.io/v2/homebrew/core/ncurses/manifests/6.3 
BER AKA BEA EA AKA KAA AAA KAMERA AEAEAEA APA AKAP AAA AAA AA AKAP AAA ARA ARAH HA IA IIA 100. 09 
Downloading https://ghcr.io/v2/homebrew/core/ncurses/blobs/sha256:b534276b85 
Downloading from https://pkg-containers.githubusercontent.com/ghcr1/blobs/sh 
AAA AAA APA AA ARA AAA ERA AAA AAA Aa AA aa aa paha Aap ahaha, 100 D9 
Downloading https://ghcr.io/v2/homebrew/core/openss1/1.1/manifests/1.1.15 
MERASA ARA EA AA AAA AA bahar ap had arasararataataat tara aataattaatahikah 100. 96 
Downloading https://ghcr.io/v2/homebrew/core/openss1/1.1/blobs/sha256:3a7812 
Downloading from https://pkg-containers.githubusercontent.com/ghcr1/blobs/sh 
HERE AA REA EA AA AA AAA AAA EA REA MEA AAA AA AAA AAA ARA APA A AAA AAA AAA AAA AR 100. OMG 
Downloading https://ghcr.io/v2/homebrew/core/berkeley-db/manifests/18.1.40.1 
HERE AAA AA HA AKAP EA AAA EA MERE AAA AAA APA AAA AAA AAA AAA AA EA AAA EA AA AAA AAA 100 09 
Downloading https://ghcr.io/v2/homebrew/core/berkeley-db/blobs/sha256:9f95fa 
Downloading from https://pkg-containers.githubusercontent.com/ghcr1/blobs/sh 


Memasang Vim melalui Homebrew 


6. Tunggu proses instalasi hingga selesai. Ketik kembali perintah 
vim --version untuk memverifikasi program Vim sudah 
terpasang 


32 


mhdnawvalazhar — -zsh — 12x33 


vim ——version 
VIM - Vi IMproved 9.0 (2822 Jun 28, compiled Sep 38 2822 03:10:57) 
macOS version — arm 
Included patches: 1-270 
Compiled by root@apple.com 
Normal version without GUI. Features included (t) or not (-): 
#acl #file in path -mouse urxvt -tag any white 
-arabic #find in path #mouse xterm -tcl 
#autocmd #float #multi byte -termguicolors 
#autochdir “folding #multi lang #terminal 
-autoservername — -footer -mzscheme #terminfo 
-balloon.eval #fork() #netbeans intg #termresponse 
-balloon eval term -gettext #num64 #textobjects 
-browse -hangul input #packages #textprop 
#builtin terms #iconv #path extra #timers 
#byte offset #insert expand -perl #title 
#channel #ipv6 #persistent undo  -toolbar 
#cindent “job #popupwin #user commands 
-clientserver #jumplist #postscript -vartabs 
#clipboard -keymap #printer #vertsplit 
#cemdline compl #lambda -profile #vim9script 


#cmdline hist -langmap -python tviminfo 
#cmdline info #libcall -python3 #virtualedit 
#comments #linebreak #guickfix #visual 
-conceal #lispindent #reltime #visualextra 
tcryptv #listemds -rightleft #vreplace 
#cscope #localmap -ruby #wildignore 


#cursorbind -lua #scrollbind #wildmenu 

#cursorshape #menu #signs #windows 

#dialog con #mksession #smartindent #wxitebackup 

#diff #modify. fname -sodium -x11 

#digraphs #mouse -sound -xfontset 
nd -mouseshape 4#spell —xim 


Memeriksa ketersediaan Vim setelah dipasang 


Bagian "9.0" pada hasil perintah vim --version adalah versi Vim yang 
saat ini terpasang. Mungkin kamu memiliki versi yang berbeda saat 
membaca buku ini, seperti "9.1", "9.2", dan seterusnya - itu tidak ma- 
salah. 


Selain melalui Homebrew, kita dapat menggunakan MacVim untuk 
versi GUI dari Vim di macOS, tapi saya tidak merekomendasikan pro- 
gram tersebut, sebab kita sudah dapat memasang Vim di dalam Ter- 
minal. 


Barangkali kamu penasaran, tampilan MacVim seperti ini: 
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INo Namel - VIM 


Tampilan MacVim 


MacVim tidak membutuhkan Terminal untuk dapat dijalankan, itulah 
salah satu perbedaan antara Vim versi terminal dan versi GUI. Sama 
halnya dengan Vim versi GUI di sistem operasi lain seperti Windows. 


Windows 


Bila kamu menggunakan Windows 10, sangat disarankan untuk 
menggunakan WSL. Namun, seandainya kamu tidak tertarik dengan 
Linux dan enggan memasang WSL agar dapat menggunakan Vim, 
kamu dapat memasang program bernama gVim di Windows. 


1. Pergi ke halaman rilis installer gVim: 
(https://github.com/vim/vim-win32-installer/releases) 

2. Unduh gVim versi paling baru (saat ini versi 9.0) 

3. Klik ganda pada berkas exe yang baru saja diunduh, biasanya 
akan muncul dialog User Account Control di Windows, pilih Yes 
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User Account Control 


Do you want to allow this app to make 
changes to your device? 


gvim 9.0.0000 x86.exe by github.com/vim/ 
vim-win32-installer 


Verified publisher: Signpath Foundation 
File origin: Network drive 


Show more details 


Dialog User Account Control di Windows 


4. Pilih bahasa untuk installer dan klik tombol OK 


Installer Language Xx | 
8 Please select a language. 
English v 
Pilih bahasa 


5. Berikutnya akan muncul tampilan Welcome dari installer gVim, 
klik tombol Next » saja 
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(P8 Vim 9.0 Setup — Xx 


| Welcome to Vim 9.0 Setup 


Setup will guide you through the installation of Vim 9.0. 

It is recommended that you close all other applications before 
starting Setup. This will make it possible to update relevant 
system files without having to reboot your computer. 


Click Next to continue. 


Lo ca 


Next » Cancel 


Welcome screen installer 


Untuk memasang gVim, kamu harus setuju dengan License 


Agreement yang dibuat, maka dari itu klik kotak cek bertulis- 


kan "T accept ..." dan klik tombol Next 5 untuk melanjutkan 


(P8 Vim 9.0 Setup — Xx 


| The License Agreement 
Tera editor Please review the license terms before installing Vim 9.0. 


| 


Press Page Down to see the rest of the agreement. 


For Vim version 9.0. Last change: 2022 Mar 02 
VIM REFERENCE MANUAL by Bram Moolenaar || 
'SUMMARY 


Vim is Charityware. You can use and copy it as much as you like, but you are 
lencouraged to make a donation for needy children in Uganda. Please see |kcc| 
below or visit the ICCF web site, available at these URLs: 


If you accept the terms of the agreement, click the check box below. You must accept the 
agreement to install Vim 9.0. Click Next to continue. 


M1 accept the terms of the License Agreement 


« Back Next » Cancel 


License Agreement 


Bagian ini kita dapat memiliki fitur apa saja 


yang ingin 


dipasang, biarkan saja dengan opsi bawaan dan klik tombol 


Next 5 
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(P8 Vim 9.0 Setup — Xx 


The Choose Components 
(Tur editor Choose which features of Vim 9.0 you want to install. 


Check the components you want to install and uncheck the components you don't want to 
install. Click Next to continue. 


Select the type of install: Typical “ 
Or, select the optional EVim console program 
components you wish to VCreate .bat files 
install: FIB Create icons for Vim 
BAdd Vim Context Menu 
BCreate Default Config 
(jm Create Plugin Directories 


Native Language Support 
Description 


Create plugin directories. Plugin directories allow 
extending Vim by dropping a file into a directory. 


Space reguired: 46.3 MB 


« Back Next » Cancel 


Memilih fitur-fitur gVim 


Selain itu, kita juga dapat memiliki pengaturan untuk pening- 
katan fungsionalitas Vim, di bagian ini kita dapat abaikan agar 
menggunakan opsi bawaan gVim, klik tombol Next - 


(P8 Vim 9.0 Setup — Xx 


| The Choose vimrc settings 
Tr editor Choose the settings for enhancement, keyboard and mouse. 


Vi / Vim behavior 
Compatibility and enhancements 


Vim with all enhancements (load vimrc example.vim) (Default) “ 


Mappings 
Remap a few keys for Windows (Ctrl-V, Ctri-C, Ctrl-A, Ctri-S, Ctrl-F, etc) 
Do not remap keys (Default) “ 


Mouse 
Behavior of right and left buttons 
Right: popup menu, Left: visual mode (Default) 


« Back Next » Cancel 


Konfigurasi tambahan gVim 


Pilih lokasi pemasangan program gVim, biasanya di C:VPro- 
gram Files (x86)Vim 
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(8 Vim 9.0 Setup — 
| The Choose Install Location 
editor Choose the folder in which to install Vim 9.0. 


Setup will install Vim 9.0 in the following folder. To install in a different folder, click Browse 
and select another folder. Click Install to start the installation. 


Destination Folder 


ICProgram Files (x86)/Vim| Browse... 


Space reguired: 46.3 MB 
Space available: 225.6 GB 


« Back Cancel 


Lokasi pemasangan gVim 


10. Tunggu proses pemasangan hingga selesai 


(8 Vim 90 Setup — 


| The Installing 
editor Please wait while Vim 9.0 is being installed. 


Extract: C/Program Files (x86)/Vim|vim9ONGvimExt32gvimext.dll 


Show details 


« Back Next » Cancel 


Proses pemasangan gVim 


11. Klik tombol Finish untuk menutup program installer 
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(8 Vim 9.0 Setup — 


Completing Vim 9.0 Setup 


Vim 9.0 has been installed on your computer. 


Click Finish to close Setup. 


Show README after installation finished 


« Back Cancel 


Pemasangan selesai 


Buka program gVim yang baru saja dipasang, tampilannya kira-kira 
seperti ini: 


Y INo Namel - GVIM — Oo Xx 
File Edit Tools Syntax Buffers Window Help 
a 8m aloe e|x aal|a 


VIM - Ui IMproved 


version 9.0 
by Bram Moolenaar et al. 
Vim is open source and freely distributable 


Becone a registered Vim usert 
type :help registertEnter» for information 


type :9KEnter) to exit 
type :helptEnter» or F1) for on-line help 
type :help version9kEnter?» for version info 


Tampilan Program gVim 


Pada kasus saya, gVim memiliki ukuran huruf yang sangat kecil. Untuk 
mengubah ukuran huruf kita dapat pergi ke menu Edit » Select Font 
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YA INo Namel - GVIM — x 


File Edit Tools Syntax Buffers Window Help 


a Undo u B RA 8 
Redo 
Repeat 
Cut 
Copy 
Paste 
Put Before 
Put After 
Delete 
Select All 
Find... 


Find and Replace... 


Settings Window 
Startup Settings 
Global Settings 
File Settings 
Color Scheme 
Keymap 


Select Font... 


Memilih menu Select Font 


Maka akan terbuka jendela baru untuk pengaturan jenis, gaya dan 
ukuran huruf. Saya menggunakan ukuran 16 agar tulisan di gVim 
dapat terlihat lebih jelas. 
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Font style: 
| Fixedsys Regular 


Courier Regular 


Courier New OblLigue 


Bo1d 


Lucida Console Bold Obligu 
MS Gothic 

NSimSun 

SimSun-ExtB 

Terminal 


@aBbYy22 


Script: 


Western 


Show more fonts 


OK Cancel 


Jendela pengaturan huruf gVim 


Sekarang seharusnya gVim sudah memliki ukuran huruf yang lebih 
besar. 


Windows Subsystem Linux 


Mulai dari Windows 10 dan di atasnya, Microsoft memungkinkan kita 
untuk memasang distribusi Linux di dalam Windows secara langsung 
tanpa harus melalui metode tradisional seperti menggunakan virtual 
machine atau dualboot setup. Dengan seperti itu, kita dapat menikmati 
lingkungan Windows dan Linux secara bersamaan. 


Saya pribadi menyarankan menggunakan Vim di dalam lingkungan 
Linux melalui WSL, karena selain Vim sudah ada secara bawaan di 
banyak distro Linux, juga kita dapat mengakses aplikasi, utilities, dan 
command-line tools yang tersedia di Linux. 
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Terdapat beberapa distribusi Linux yang tersedia di WSL, seperti Ub- 
untu, Debian, OpenSUSE, Kali, Debian, Arch Linux, dan masih banyak 
lagi. Pada langkah-langkah berikut, saya menggunakan Windows 11 
dan akan memilih Ubuntu, tidak masalah seandainya kamu hendak 
memilih distribusi Linux yang lain, seharusnya langkah-langkahnya 
tidak jauh berbeda. 


Untuk memasang WSL di Windows, berikut langkah-langkahnya: 


1. Buka aplikasi Microsoft Store 


Join PC Game Pass 


NETFLIX 


Entertainment 
MERK La 3OSK 


Aplikasi Microsoft Store 


2. Ketik "Ubuntu" di kolom pencarian 
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ierosoft Store 


“ubuntu” 


(Gildepartments ) Apps 


Ubuntu 


Ubuntu 22.041 LTS res Ubuntu 20.04,5 LTS free 0 MB Seuntu 18.025 175 


are 00 OM amami 0 Karen 22 


Mencari aplikasi Ubuntu 


3. Klik tombol "Get" berwarna biru untuk mulai memasangnya 
dan tunggu proses unduhan hingga selesai 


Ubuntu 


Apps » Developer tools 
Canonic al Group Limited 


AA 249 KA EVERYONE 
Hanan Kana LAS Age Rating: tsR8 Eve8vONE 


Install a complete Ubuntu terminal environment in minutes with Windows 
Subsystem for Linux (WSL). Develop cross-platform applications, improve 
your data science or web development workflows and manage IT... 


8.20 MB of 517.6 MB downl... 


Mengunduh dan memasang Ubuntu 


4. Jika sudah selesai, buka aplikasi tersebut dan akan muncul jen- 
del baru yang menunjukkan bahwa ada fitur yang belum diak- 
tifkan untuk mulai menggunakan WSL 
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not enabled. Please enable it and try again. 


Jendela WSL Ubuntu 


Buka aplikasi Control Panel, pergi ke Programs dan klik pada 
Turn Windows features on or off, berikan ceklis pada kedua 
fitur: Virtual Machine Platform dan Windows Subsystem for 
Linux 


— O Xx 


KW Windows Features 


Turn Windows features on or off (?) 


To turn a feature on, select its check box. To turn a feature off, clear its check 
box. A filled box means that only part of the feature is turned on. 


AH -— Print and Document Services 
B5 Remote Differential Compression API Support 
“JM Simple TCPIP services (i.e. echo, daytime etc) 
(J3 SMB 1.0/CIFS File Sharing Support 
() Telnet Client 
(JS TFTP Client 
KJ Virtual Machine Platform 
B3 Windows PowerShell 2.0 
En | Windows Process Activation Service 
“JT Windows Projected File System 
B3 Windows Subsystem for Linux 
(JM Windows TIFF IFilter 
@ work Folders Client 


Er 


ag 


OK Cancel 


Mengaktifkan fitur yang dibutuhkan WSL 


Buka kembali aplikasi Ubuntu, sekarang tunggu proses in- 
stalasi selesai 
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El Ubuntu — Oo Xx 


Installing, this may take a few minutes... 


Memulai proses instalasi Ubuntu 


7. Masukkan username dan password untuk instalasi Ubuntu 
kamu 


| Kl mhdnauvalazhar@MUHAMADNAUV941C: - o Xx 
Installing, this may take a 
ate a default UN a nt. m || 
tion vis: 
rnam 


n upgrade by running " 
alling WSL from the Mi: 
se information please 


anonical.com 
ad e 


once a day. To disable it pl 
/.hu n file. 


Instalasi WSL Ubuntu selesai 


8. Verifikasi ketersediaan Vim di dalam WSL Ubuntu dengan 
perintah vim --version 
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mhdnauvalazhar@ MUHAMADNAUV941C: - 2 o xXx 


.debian.org 
included 


#termguicolors 
terminal 


“job 
#jumplist 


#rightleft 
#localmap -ruby 
-lua #scrollbind 
#me & 
nk #smartindent 


Memeriksa ketersediaan Vim di WSL Ubuntu 
9. Selesai 


Kamu dapat menggunakan aplikasi Ubuntu untuk mengakses WSL Ub- 
untu di dalam Windows, atau menutupnya dan menggunakan media 
lain seperti PowerShell atau Command Prompt. 


Untuk menjalankan WSL di Command Prompt dapat menggunakan 
perintah ws1. 


(ES mhdnauvalazhar@ MUHAMADNAUV941C: /mnt/c/Users/mhdnawvalazhar - im) Xx 


tor (user " Oo «command» ". 
for detail 


WSL di Command Prompt 


Untuk PowerShell juga sama seperti sebelumnya. 
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ns/PSWindows 


WSL di PowerShell 


Selain itu, kamu juga dapat menggunakan aplikasi Terminal di Win- 
dows untuk mendapatkan pengalaman CLI yang lebih baik. 


FI mhdnawalazhar@MUHAMAT X | & v 


PSN mhdnauvalazhar? wsl 
To run a command as administrator (user "root"), use "sudo £command»". 
See "man sudo.root" for details. 


$ | 


WSL di dalam PowerShell dengan aplikasi Terminal 


Ketika berada di dalam WSL, sama saja seperti berada di dalam Linux 
pada umumnya, kamu dapat mengakses command-line tools seperti 
1s,mkdir, curl, dan masih banyak lagi. Pada bagian-bagian berikutnya 
di buku ini, kamu dapat mengikuti panduan untuk bagian Linux, ketika 
saya menyebut Windows itu berarti saya merujuk pada gVim bukan 
WSL. 
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Unix-like 


Seperti yang sudah dijelaskan sebelumnya, saya hanya membuat 
langkah-langkah untuk Linux Ubuntu saja. Untuk sistem operasi atau 
distribusi Linux jenis lain, dapat mengikuti langkah-langkah berikut 
sebagai referensi namun dengan caranya masing-masing. 


Lagipula mengajari pengguna sistem operasi Unix-like untuk me- 
masang Vim seperti mengajari para pecinta alam untuk buang sampah 
sembarangan. 


Berikut ini langkah-langkah untuk memasang Vim di Ubuntu: 


1. Buka program Terminal 
2. Untuk mendapatkan informasi paket Vim, jalankan perintah 
sudo add-apt-repository ppa:jonathonf/vim 


A parallels@ubuntu-linux-20-04-desktop: - 


Missing a feature? Try a larger build (vim-gtk3, vim-nox). 


Want more freguent updates? Try https://launchpad.net/-jonathonf /tarchive/ubuntu 
/vim-daily 


Donate to Vim: https://www.vim.org/sponsor/index.php 
Donate to Debian: https://www.debian.org/donations 
Donate to this PPA: https://ko-fi.com/jonathonf 
More info: https://launchpad.net/-jonathonf /tarchive/ubuntu/vim 
Press JENTERJ to continue or Ctrl-c to cancel adding it. 


Hit:1 http://ppa.launchpad.net/jonathonf/vim/ubuntu focal InRelease 
Hit:2 http://ports.ubuntu.com/ubuntu-ports focal InRelease 

Hit:3 ppa. launchpad.net/neovim-ppa/stable/ubuntu focal InRelease 
Hit:4 ports.ubuntu.com/ubuntu-ports focal-updates InRelease 
Hit:5 ports.ubuntu.com/ubuntu-ports focal-backports InRelease 
Hit:6 http://ports.ubuntu.com/ubuntu-ports focal-security InRelease 
Reading package lists... Done 


1-5 1 


Menambahkan informasi paket Vim 


3. Perbarui informasi paket dengan perintah sudo apt update 
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parallels@ubuntu-linux-20-04-desktop: - 


1-S sudo apt update 
http://ports.ubuntu.com/ubuntu-ports focal InRelease 
http://ports.ubuntu.com/ubuntu-ports focal-updates InRelease 
http://ppa.launchpad.net/jonathonf/vim/ubuntu focal InRelease 
http://ports.ubuntu.com/ubuntu-ports focal-backports InRelease 
http://ports.ubuntu.com/ubuntu-ports focal-security InRelease 
http://ppa.launchpad.net/neovim-ppa/stable/ubuntu focal InRelease 

Reading package lists... Done 

Building dependency tree 

Reading state information. ne 

360 packages can be upgraded. Run 'apt list --upgradable' to see them. 
:-$ 


Memperbarui informasi paket 


4. Sekarang kita dapat memasang Vim malalui APT dengan 
perintah sudo apt install vim 


parallels@ubuntu-linux-20-04-desktop: - 


:9.0.0749-0york-20.04 f1,482 kB) 
Fetched 1,482 kB in 4s (372 kB/s) 
Selecting previously unselected package vim. 
(Reading database ... 143383 files and directories currently installed.) 
Preparing to unpack .../vim 2x3a9.0.0749-0yorko-20.04 arm64.deb ... 
Unpacking vim (2:9.0.0749-0yorko-20.04) 
Setting up vim (2:9.0.0749-0yorko-20.04) . 
update-alternatives: i /usr/bin/vim.basic to provide /usr/bin/vim (vim) in a 
uto mode 
update-alternatives: i /usr/bin/vim.basic to provide /usr/bin/vimdiff (vimdi 
ff) in auto mode 
update-alternatives: i /usr/bin/vim.basic to provide /usr/bin/rvim (rvim) in 
auto mode 
update-alternatives: i /usr/bin/vim.basic to provide /usr/bin/rview (rview) 
in auto mode 
update-alternatives: i Jusr/bin/vim.basic to provide /usr/bin/vi (vi) in aut 
Oo mode 
update-alternatives: i Jusr/bin/vim.basic to provide /usr/bin/view (view) in 
auto mode 
update-alternatives: i Jusr/bin/vim.basic to provide /usr/bin/ex (ex) in aut 
o mode 

:-$ I 


Memasang Vim 


5. Verifikasi pemasangan Vim dengan perintah vim --version 
untuk mengetahui versi Vim yang terpasang 
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A 


parallels@ubuntu-linux-20-04-desktop: - 


VIM - Vi IMproved 9.0 (2022 Jun 28, 


Included patches: 


1-749 
Modified by team#vimgtracker.debian. 
Compiled by team#vimgtracker.debian. 


Huge version without GUI. Features 


tacl 

tarabic 
tautocmd 
tautochdir 
-autoservername 
-balloon eval 


#balloon eval term 


-browse 
##builtin terms 
tbyte offset 
#channel 
#cindent 
-Clientserver 
-Clipboard 
#cmdline compl 
#cmdline hist 
#tcmdline info 
#comments 


#file in path 
#find in path 
#float 
#folding 
-footer 
#fork() 
#9ettext 
-hangul input 
#iconv 
#insert expand 
#ipv6 

#job 
#jumplist 
#keymap 
#lambda 
#langmap 
#libcall 
#Linebreak 


S vim --version 


a - 


compiled May 10 2022 08:40:37) 


org 
org 


included (4) or not 


#Mouse urxvt 
#tMmouse xterm 
#multi byte 
#multi lang 
-mzscheme 
#netbeans intg 
#NUM64 
#packages 
#path extra 
-perl 
#persistent undo 
#popupwin 
#postscript 
#printer 
#profile 
-python 
#python3 
#guickfix 


(D: 
-tag any white 
-tcl 
#termguicolors 
#terminal 
#terminfo 
#termresponse 
#textobjects 
#textprop 
#timers 
#title 
-toolbar 
#user commands 
#vartabs 
#vertsplit 
#vim9script 
#viminfo 
#virtualedit 
#visual 


Versi Vim yang terpasang 
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Mempelajari Vim 


Pada bagian ini, kita akan mempelajari Vim mulai dari membuka Vim 
hingga menyesatkan diri ke Vim dan tidak pernah bisa keluar darinya. 


Kita akan menggunakan pendekatan filosofis dengan memahami 
struktur bahasa Vim yang disebut dengan perintah dibanding dengan 
melihat daftar perintah-perintah Vim dan kemudian menghafalnya. 


Menggunakan pendekatan ini dimaksudkan untuk lebih memudahkan 
dalam memahami Vim. Dengan memahami struktur dari suatu 
perintah dapat merangsang kita lebih kreatif lagi dalam mengkom- 
binasikan satu perintah dengan perintah yang lainnya. 


Sebagai contoh, jika kita hanya menghafal perintah diw sebagai 
perintah untuk menghapus sebuah "kata" di Vim, maka kita tidak 
pernah terpikir untuk memodifikasinya menjadi perintah untuk 
menghapus objek lain. 


Padahal, jika dibedah, diw itu gabungan antara operator d untuk delete 
dan motion iw untuk inner-word. Jika digabung, dapat dibaca sebagai 
delete inner-word. 


Berbeda bila kita memahaminya secara filosofis, kita akan terangsang 
untuk berpikir bahwa iw dapat diubah dengan motion yang lain se- 
hingga dapat menghapus objek yang lain. 


Tentu operator dan motion akan kita bahas lebih lengkap pada bagi- 
annya masing-masing. Untuk itu, kita akan mengawali pelajaran Vim 
dengan hal yang paling mendasar sebelum pergi pada sesuatu yang 
lebih spesifik. 


Membuka Dan Keluar Dari Vim 


Untuk membuka Vim, kita perlu membuka aplikasi terminal emulator 
terlebih dahulu. Setelah aplikasi terminal terbuka, maka kita bisa 


51 


mengetik perintah vim di dalamnya dan tekan tombol ENTER untuk 
memulai menggunakan Vim. 


Setelah Vim terbuka, seharusnya kamu akan melihat tampilan “wel- 


come screen” dari Vim. 


type 


type 
type 
type 


Alacritty » 


vim 


VIM - Vi IMproved 


version 9.0.850 
by Bram Moolenaar et al. 
Vim is open source and freely distributable 


Become a registered Vim user! 


:help registercE 


:9SE 
:helpsE ' Or 
:help version9sE 


for information 


to exit 
for on-line help 
for version info 


Tampilan awal Vim 


Pada tampilan tersebut kita bisa melihat terdapat beberapa informasi 
yang tersedia. Mulai dari nama program, yaitu Vim:, versi Vim yang 
kita gunakan: sampai beberapa informasi perintah yang kita bisa 


gunakan. 


Mungkin kamu menyadari perbedaan Vim yang saat ini kita buka 
dengan Vim hasil tangkapan layar saya pada awal buku ini. 


Perbandingan antara Vim yang belum dikonfigurasi dan sudah dikonfigurasi 
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Seperti yang sudah kita bahas pada bagian awal buku prihal konfigur- 
asi, ini bukan masalah karena saya menggunakan Neovim, ini murni 
karena Vim yang saat ini kita buka adalah Vim bawaan dan belum 
dikustomisasi sama sekali. Sedangkan pada tangkapan layar sebelum- 
sebelumnya itu adalah Vim yang saya sudah konfigurasi. 


@ Jangan sungkan untuk kembali membaca bagian awal buku ini 


prihal konfigurasi untuk mengingatnya kembali. 


Saat ini Vim masih dalam keadaan terbuka. Kamu tidak perlu panik. 
Karena untuk keluar dari Vim itu sudah diberi tahu caranya di layar 
tersebut. Cukup gunakan perintah :g dan tekan ENTER maka kamu 
akan keluar dari Vim. 


CJ Alacritty » vim 


VIM - Vi IMproved 


version 9.0.850 
by Bram Moolenaar et al. 
Vim is open source and freely distributable 


Help poor children in Uganda! 
type :help iccf for information 


type :g to exit 
type :help or for on-line help 
type :help version9 for version info 


Mengetik perintah : g pada Vim 


Ketika mengetik tanda titik dua, kursor akan otomatis pindah ke 
bawah bagian Vim atau disebut juga dengan command-line mode. Apa- 
bila kamu tidak sengaja menekan perintah yang membuat kursor be- 
rada di command-line, tekan ESC atau CTRL-c untuk mengembalikan 
ke tempat semula. 


Sejauh ini kita sudah belajar cara membuka Vim dan keluar dari Vim. 
Ini terlihat sederhana, tapi kamu perlu berbangga diri karena 
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ada sekitar 2 juta orang yang kebingungan hanya untuk keluar dari 
Vim?o, 


Membuka Berkas Dengan Vim 


Bila kamu sudah keluar dan hendak membuka Vim kembali, kamu 
dapat menggunakan perintah seperti sebelumnya. Namun, karena 
sekarang seharusnya kamu sudah memiliki satu berkas, maka kamu 
dapat membuka berkas tersebut secara langsung dengan Vim. 


Katakanlah terdapat berkas dengan nama welcome.js yang berisi: 
const userName - "Nauval":, 
function welcome (name) “4 
return “Welcome, $inanmel : 
k 
console.log (welcome (userName)): 


Ketikvim namaberkas untuk membukanya. Karena nama ber- 
kasnya welcome.js, jadi kita menggunakan perintah vim welcome.js. 


10 "How do I exit Vim?" https://stackoverflow.com/guestions/11828270/how-do- 
i-exit-vim 
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.. CJ Alacritty » 
const userName - "Nauval", 


welcome (name) 
return “Welcome, $4namej ': 


Honsote. Log (welcome (userName)) : 


Membuka berkas dengan Vim 


Umumnya, Vim akan memberikan syntax highlighter. Bila fitur 
tersebut tidak aktif, kita dapat mengaktifkannya secara mandiri. 
Ketik : syntax on untukmengaktifkannya. 


Selain itu, kita juga dapat membuka satu folder saat ini ke dalam Vim 
menggunakan perintah vim 


CJ Alacritty » 


name 
IVMI$ Ascore WN Nda MD EN .N$N.E SN. cpp$ NA, 1.0, N.obj$ 


:help :go up dir 2delete 1 rename :sort-by ispecial 


welLcome.js 


." is a directory 


Membuka folder dengan Vim 


Ketika membuka folder dengan Vim, maka Vim akan menampilkan isi 
dari folder tersebut dengan plugin netrw yang sudah tersedia secara 
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bawaan di dalam Vim. Hal ini berguna ketika kita hendak menyunting 
beberapa berkas sekaligus di Vim. 


Mengetik Kode di Vim 


Kita buka kembali program Vim di terminal dengan cara yang sama, 
yaitu ketik vim dan tekan ENTER. 


CJ Alacritty » vim 


VIM - Vi IMproved 


version 9.090.850 
by Bram Moolenaar et al. 


Vim is open source and freely distributable 


type 


type 
type 
type 


Become a registered Vim user! 


:help register for information 


19 to exit 
:help or for on-line help 
:help version9xE for version info 


Membuka kembali Vim 


Ketika Vim terbuka, maka Vim sudah pada mode normal. Pada mode 
normal, tombol keyboard yang kita tekan di dalam Vim akan diter- 
jemahkan sebagai perintah, bukan untuk ditampilkan pada layar. 


Kita bisa tekan tombol i pada keyboard untuk beralih ke mode insert. 
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CJ Alacritty » vim 


VIM - Vi IMproved 


version 9.0.850 
by Bram Moolenaar et al. 
Vim is open source and freely distributable 


Become a registered Vim user! 
type :help register for information 


type :g to exit 


type :help , or for on-line help 
type :help version9 for version info 


Se MINSERIN-2 


Beralih ke mode insert 


Ketika berada di mode insert maka terdapat indikator "--INSERT--" 
yang bisa kita lihat di pojok-kiri-bawah tampilan Vim. Ini untuk mem- 


beritahu kita bahwa Vim masih berada di mode insert. Pada mode in- 
sert kita bisa mengetik karakter yang kita mau seperti pada editor 


teks non-modal. 


Dalam mode ini, kita sudah dapat mengetik apa saja seperti pada edi- 
tor teks konvensional. 


.. CJ Alacritty » vim 
Hello nama saya Nauvaif 


2 MINSERINE5 


Mengetik di dalam Vim 
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Selain menggunakan perintah i, kamu dapat menggunakan beberapa 
perintah berikut untuk beralih ke mode insert dan sekaligus memin- 
dahkan posisi kursor: 


e I memindahkan kursor ke awal baris 

e A memindahkan kursor ke akhir baris 

e a memindahkan kursor satu karakter ke depan 

e o memindahkan kursor ke bawah (menambah baris baru) 
e Omemindahkan kursor ke atas (menambah baris baru) 


Kita dapat kembali ke mode normal dengan menggunakan tombol 
ESCAPE. 


Ketika kita berada di mode normal, maka indikator yang sebelumnya 
terlihat akan hilang. Ini artinya kita sudah berada di mode normal 
kembali. Tombol keyboard yang ditekan akan diterjemahkan menjadi 
perintah oleh Vim. 


Sekarang alihkan lagi Vim ke mode insert dan kita akan coba menulis 
kode. Kamu boleh menulis kode apapun. Sebagai contoh, saya akan 
menulis kode JavaScript singkat. 


CJ Alacritty » vim 
function add(a, b) “ 
return a # b, 


Ii 


console.log(ada(1, 22)M 


Se INSERIN-5 


Menulis kode JavaScript di Vim 
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Sampai sini mungkin kamu menyadari ada yang kurang? Ya, tidak 
ada syntax highlighting. 


Mengatur Syntax Highlighter 


Kita dapat memeriksa terlebih dahulu status dari fitur syntax 
highlighter di Vim, untuk memeriksanya gunakan perintah :set 
syntax?. Sebelum mengetik perintah tersebut, pastikan Vim sedang 
berada di mode normal. 


CJ Alacritty » vim 
function add(a, b) 4 
return a # b, 


Ip 


consote.Logfadat1, 2: 


“set syntax?if 


Memeriksa fitur syntax highlighter 


Bila hasil yang keluar selain syntax-on, maka dapat disimpulkan fitur 
tersebut sedang tidak aktif. Untuk mengaktifkannya, gunakan 
perintah :set syntax-on. 
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.. @Alacritty » vim 
function add(a, b) 4 
return a # bj 


5 


console. Logfadd (1, 2: 


iset syntax-on 


Mengaktifkan fitur syntax highlighter 


Kita baru saja mengaktifkan fitur syntax highlighter di Vim, namun be- 
lum memberitahu jenis kode yang kita tulis. Untuk memberitahu Vim 


jenis kode yang kita tulis adalah JavaScript, gunakan perintah :set 
filetype-javascript. 


CJ Alacritty » vim 
add(a, b) 
return a # b: 


console .Lodfada(1, 2: 


1iset filetype-javascript 


Mengubah jenis berkas 


Mungkin sampai sini kamu akan merasa bahwa Vim semakin ri- 


bet. Karena untuk “mewarnai” sintaksis saja perlu dilakukan secara 
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manual. Umumnya, hal serupa bisa kamu temui di editor teks konven- 
sional, karena pada dasarnya editor teks menganggap karakter yang 


kamu tulis hanyalah plain text, bukan bahasa pemrograman spesifik. 


Sebetulnya, Vim akan mengenali jenis sintaksis dari kode yang kita tu- 
lis berdasarkan nama berkasnya. Seandainya kode yang kita tulis 
sebelumnya kita simpan terlebih dahulu, maka Vim dapat -secara 
otomatis- mengetahui jenis sintaksis pada kode tersebut tanpa harus 
diberitahu secara eksplisit. 


Selain itu ketika menyimpan kode yang kita tulis ke dalam sebuah ber- 
kas, Vim juga akan secara otomatis mengubah jenis sintaksis secara 
otomatis sesuai nama berkasnya. Pada kasus nyata, kita tidak akan 
mengubah jenis sintaksis secara manual kecuali pada kasus-kasus ter- 
tentu, seperti debugging misalnya. 


Menyimpan Berkas 


Kode yang kita tulis sebelumnya itu belum disimpan ke dalam berkas 
apapun, itu kenapa Vim tidak dapat mengenalinya. Kita dapat 
menyimpan kode tersebut dengan perintah :w nameberkas. Saya 
akan menggunakan add.js sebagai nama berkasuntuk kode 
sebelumnya. Perintahnya akan menjadi :w add.js. 


PJ Alacritty » vim 
add(a, b) 
ab, 


console .Lodfadat1, 2: 


"add.js" INewJ 5L, 63B written 
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Menyimpan berkas di Vim 


Ketika berkas berhasil disimpan akan terlihat indikator di kiri-bawah 
bertuliskan seperti ini: 


"add.js" (INewj 5L, 63B written 


Setelah itu kita dapat memeriksa jenis sintaksis yang sedang 
digunakan saat ini dengan perintah :set filetype?. 
CJ Alacritty » vim 


add(a, b) 
ab, 


console .Lodfada(1, 2: 


filetype-javascript 


Hasil dari perintah :set filetype? 


Kamu dapat mengecoh Vim dengan memberikan ekstensi yang tidak 
sesuai dengan kode di dalam berkas tersebut. Misal, kamu menulis 
kode JavaScript dan berikan ekstensi .py pada nama berkasnya. Maka 
Vim akan menganggap kode JavaScript kamu sebagai kode Python. 
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(J3 Alacritty » vim 
function add(a, b) 4 
at bj: 


5 


console. Logfadd (1, DH 


filetype-python 


Kode JavaScript dengan jenis sintaksis Python 


Bila kamu menemui kasus asing yang di mana Vim salah menganggap 
kode yang kamu tulis, kamu dapat memberitahu Vim secara eksplisit 
jenis sintaksis apa yang kamu inginkan seperti yang telah dijelaskan 
di awal. 


Menampilkan Nomor Baris 


Sangat sulit bila kita menulis kode tanpa dibantu dengan adanya 
nomor baris. Kita tidak tahu sudah berapa baris kode yang kita tulis 
dan nomor baris juga berguna sebagai referensi agar kita dapat 
melompat ke baris kode tertentu. 


Sejauh ini kita hanya memberikan warna sintaksis pada kode yang 
kita tulis, dan belum ada nomor baris sama sekali. 


Untuk menampilkan nomor baris di Vim kita dapat menggunakan 
perintah :set number. 
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OJ Alacritty » vim 
function add(a, b) 4 
at bj 


k 


console. Logladd(1, DI: 


iset number 


Menampilkan nomor baris 


Atau juga bisa menggunakan perintah :set nu untuk perintah yang 
lebih ringkas. 


Apabila kamu memiliki alasan tertentu untuk menghilangkan nomor 
baris, kamu dapat menggunakan perintah: 


e :set nonu 

e :set nonumber 
e :set nu! 

e :set number! 


Semua perintah tersebut akan mencapai tujuan yang sama. 


Mungkin kamu akan berpikir bahwa untuk menggunakan fitur dasar 
editor teks saja harus menghidupkannya secara manual di Vim. Maka 
akan sangat merepotkan ketika hendak menggunakan Vim harus di- 
awali dengan mengaktifkan fitur-fitur dasar ini. 


Pada dasarnya, pemikiran seperti itu adalah benar. Namun, umumnya 
pengguna Vim menuliskan beberapa konfigurasi untuk menyalakan 
beberapa fitur yang diinginkan, termasuk syntax highlighter, dan line 
numbers. Setiap kali Vim dibuka, maka fitur-fitur tersebut tidak perlu 
diaktifkan secara manual lagi. 
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Tidak perlu heran bila kamu sudah mengatur beberapa konfigurasi 
seperti mengaktifkan nomor baris, fitur syntax highlighter, atau fitur- 
fitur lainnya yang akan ditemui di bagian-bagian berikutnya akan 
hilang atau kembali ke pengaturan bawaan ketika program Vim di- 
tutup. Karena konfigurasi yang dilakukan dengan perintah-perintah 
tersebut tidak persisten. 


Kita akan membahas perihal konfigurasi pada bagian lain, untuk saat 
ini kita hanya perlu memahami cara mengoperasikan Vim terlebih da- 
hulu. Supaya paham dasar-dasar Vim dan paham cara berkomunikasi 
dengannya. 


Mengatur Colorscheme 


Pada editor teks semacam VS Code, kita dapat mengganti-ganti tema 
sesuai dengan suasana hati atau hanya sesuai selera saja. Tapi, intinya 
kita bisa mengganti tema. Di Vim juga kita dapat melakukan hal yang 


sama. Vim menyebutnya colorscheme ketimbang theme. 


Kita dapat menggunakan perintah : colorscheme di dalam Vim untuk 
mengetahui colorscheme yang sedang digunakan saat ini. Vim yang 
saya gunakan saat ini menggunakan colorscheme default. 
CJ Alacritty » vim 
function add(a, b) 4 


a4tb,: 


k 


console. Logladd(1, DI: 


default 


Nama colorscheme yang sedang digunakan 
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Sebelum mengganti colorscheme saat ini dengan yang lain, kita perlu 
tahu terlebih dahulu daftar colorscheme yang tersedia. Setidaknya 
kita memiliki dua cara untuk mengetahuinya: 


1. Menggunakan perintah :colorscheme, lalu tekan SPASI dan 
tekan tombol TAB 

2. Menggunakan perintah :colorscheme, lalu tekan SPASI, lalu 
tekan tombol kombinasi CTRL4d 


CJ Alacritty » vim 


console.Logilada (1, 


:colorscheme 

blue delek evening koehter murphy gviet slate 
darkblLue desert habamax 'Lunaperche pablo ron torte 
default elflord industry morning peachpuff shine zellner 
:colorscheme | 


Daftar colorscheme yang tersedia 


Bila kamu sudah menemukan nama colorscheme yang hendak 
digunakan, jalankan perintah :colorscheme namacoLorscheme untuk 
mengubah color scheme di Vim saat ini. Untuk sekarang, saya akan 
tetap menggunakan colorscheme default . 


Motion 


Ketika menggunakan editor teks konvensional seperti VS Code, 
aktivitas memindahkan kursor dengan menggunakan mouse adalah 
hal yang lazim. Berbeda dengan Vim, kamu akan melakukan aktivitas 
semacam itu hanya dengan keyboard saja. Karena memindahkan 
tangan dari atas keyboard ke atas mouse itu memakan waktu lama. 
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Perlu saya katakan sekali lagi, esensi menggunakan Vim adalah 
efisiensi keyboard. Tangan kamu tidak akan pernah pindah dari 
atas keyboard ke atas mouse. Kamu akan melakukan semuanya 
dengan keyboard, termasuk memindahkan posisi kursor. 


Pada dasarnya, kamu dapat memindahkan posisi kursor dengan 
tombol panah atas, bawah, kiri, dan kanan seperti pada umumnya. 
Namun, umumnya pengguna Vim menggunakan tombol hjk1l untuk 
memindahkan posisi kursor ke atas, ke bawah, ke atas, dan ke kanan. 


e huntuk memindahkan kursor ke kiri 
e j untuk memindahkan kursor ke bawah 
e kuntuk memindahkan kursor ke atas 
e l1luntuk memindahkan kursor ke kanan 


&8 Experienced users prefer the hjkl keys because they are always 
right under their fingers. Beginners often prefer the arrow keys, 
because they do not know what the hjkl keys do. The mnemonic 
value of hjkl is clear from looking at the keyboard. Think of'j as 
an arrow pointing downward:. 


— Bram Moolenaar 


Sebagai langkah awal, tidak masalah memindahkan kursor dengan 
tombol arah panah. Karena itu yang saya lakukan juga ketika awal 
belajar Vim. Tapi, kamu perlu membiasakan menggunakan tom- 
bol hjkl untuk memindahkan kursor. Semakin lama dan semakin ter- 
biasa, tanganmu tidak akan pernah lepas di tombol tersebut. Serius! 


Perlu diingat, kamu perlu berada di mode normal untuk menggunakan 
perintah hjkl untuk memindahkan kursor. 


Perintah tersebut, di dalam Vim disebut juga dengan cursor 
motions atau motion saja. Motion di dalam Vim merupakan sebuah 
perintah untuk memindahkan posisi kursor. Perintah hjkl ini 
termasuk ke dalam left-right dan up-down motion. 
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Mungkin kamu bertanya-tanya mengapa Vim menggunakan hjkl. 
Selain karena tombol tersebut berada pada home row keyboard, juga 
karena layout keyboard jaman dahulu yang di mana tombol-tombol 
tersebut berfungsi sebagai tombol arah panah. 


Sumber: https://catonmat.net/why-vim-uses-hjkl-as-arrow-keys 


Selain motion hjkl, kamu juga dapat menggunakan angka 8 untuk 
pergi ke awal baris: tanda $ untuk pergi ke akhir baris. 


Vim memiliki jenis motion yang lain dan yang umumnya sering -setid- 
aknya oleh saya- gunakan adalah: 


e word motion 

e text object motion 

e text object selection 
e jumps motion 


Pada kasus yang lebih konkret, kamu jarang sekali memindahkan kur- 
sor per karakter, melainkan per kata, per baris, atau sepanjang jangka- 
uan yang kamu tentukan seperti mulai dari tanda f hingga tanda !. 


Word Motion 


Kamu dapat menggunakan word motion untuk memindahkan kursor 
per kata. Sebagai contoh, bila kamu memiliki baris kode seperti di 
bawah dan posisi kursor kamu saat ini berada di karakter f: 
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unction welcome() 4 
11 
5 


Kamu dapat menggunakan perintah wuntuk memindahkan kursor 
satu “kata” ke depan. Maka posisi kursor kamu sekarang berada di 
huruf w: 


function Melcome() 4 
1 
: 


Sebuah word atau kata di Vim terdiri dari urutan huruf, angka dan 
garis bawah, atau urutan karakter non-blank lainnya, dipisahkan 
dengan spasi (spasi, tab, end-of'-line). 


Kebalikannya, kamu dapat menggunakan b untuk pidah satu “kata” ke 
belakang. Selain wmenggunakanwdanb, kamu juga dapat 
menggunakan e dan ge. Bedanya, kamu bisa lihat kode sebelumnya: 


Hunction welcome() 4 
11 
5 


Bila kursor kamu saat ini berada di karakter f, bila kamu 
menggunakan perintah e, maka kursor akan pindah ke karakter n. 


functiol) welcome() 4 
11 
y 


Karena perintah e untuk memindahkan kursor ke akhir kata. 
Text Object Motion 


Vim juga memungkinkan kamu memindahkan posisi kursor per 
kalimat dan juga per paragraf. Kamu membutuhkan text object 
motion untuk melakukannya. Sebagai contoh, kamu memiliki teks 
seperti ini: 
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Morem Ipsum is simply dummy text of the printing and 
typesetting industry. Lorem Ipsum has been the indus- 
try's standard dummy text ever since the 1500s, when 
an unknown printer took a galley of type and scrambted 
it to make a type specimen book. 


It has survived not only five centuries, but also the 
leap into electronic typesetting, remaining essen- 
tially unchanged. It was popularised in the 1960s with 
the release of Letraset sheets containing Lorem Ipsum 
passages, and more recently with desktop publishing 
software Like Aldus PageMaker including versions of 
Lorem Ipsum. 


Bila kursor kamu saat ini berada di huruf L pada kata “Lorem”, kamu 
dapat menggunakan tanda kurung ) untuk melompat satu kalimat ke 
depan. Maka saat ini kursor kamu akan berada di huruf L pada kata 
“Lorem” di kalimat kedua. 


Lorem Ipsum is simply dummy text of the printing and 
typesetting industry. Morem Ipsum has been the indus- 
try's standard dummy text ever since the 1500s, when 
an unknown printer took a galley of type and scrambted 
it to make a type specimen book. 


It has survived not only five centuries, but also the 
leap into electronic typesetting, remaining essen- 
tially unchanged. It was popularised in the 1960s with 
the release of Letraset sheets containing Lorem Ipsum 
passages, and more recently with desktop publishing 
software Like Aldus PageMaker including versions of 
Lorem Ipsum. 


Kamu dapat menggunakan tanda kurung ( untuk kembali satu kalimat 
ke belakang. Maka posisi kursor saat ini berada di posisi awal kalimat. 


Sebuah kalimat didefinisikan sebagai diakhiri dengan titik, tanda seru 
atau tanda tanya, diikuti oleh end-of'-line, spasi, atau tab. 
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Selain itu, kamu juga dapat menggunakan tanda kurung kurawal ( dan 
y untuk memindahkan kursor per paragraf. Kita bisa lihat lagi teks 
yang kita miliki seperti ini 


Morem Ipsum is simply dummy text of the printing and 
typesetting industry. Lorem Ipsum has been the indus- 
try's standard dummy text ever since the 1500s, when 
an unknown printer took a galley of type and scrambted 
it to make a type specimen book. 


It has survived not only five centuries, but also the 
leap into electronic typesetting, remaining essen- 
tially unchanged. It was popularised in the 1960s with 
the release of Letraset sheets containing Lorem Ipsum 
passages, and more recently with desktop publishing 
software Like Aldus PageMaker including versions of 
Lorem Ipsum. 


Apabila menggunakan tanda kurung kurawal J, maka posisi kursor 
saat ini berada di bawah paragraf pertama. 


Lorem Ipsum is simply dummy text of the printing and 
typesetting industry. Lorem Ipsum has been the indus- 
try's standard dummy text ever since the 1500s, when 
an unknown printer took a galley of type and scrambted 
it to make a type specimen book. 


It has survived not only five centuries, but also the 
leap into electronic typesetting, remaining essen- 
tially unchanged. It was popularised in the 1960s with 
the release of Letraset sheets containing Lorem Ipsum 
passages, and more recently with desktop publishing 
software Like Aldus PageMaker including versions of 
Lorem Ipsum. 
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Paragraf bukan hanya pada teks biasa saja, “paragraf” di Vim diawali 
setelah setiap baris kosong. Kode definisi fungsi di bawah dianggap 
“paragraf” oleh Vim: 


function foo(l) “4 
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Kamu dapat menggunakan tanda kurung kurawal ( untuk kembali 
satu paragraf ke belakang. 


Text Object Selection 


Berbeda dengan motion sebelumnya, text object selection hanya dapat 
digunakan pada mode visual atau setelah perintah operator. Di awal 
tulisan ini saya memberi contoh kasus mengubah teks di dalam tag 
HTML dengan menggunakan perintah cit di keyboard. 


Perintah cit tersebut sebetulnya merupakan sebuah kombinasi 
antara operator dan text object selection. 


e c adalah operator 
e it adalah text object selection 


Perintah c adalah operator yang memberitahu Vim untuk menghapus 
teks dan masuk ke dalam mode insert. Sedangkan perintah 
it adalah text object selection yang memberitahu jangkauan teks yang 
harus dihapus, dalam konteks ini jangkaunnya adalah teks yang ada di 
dalam tag. 


Itu kenapa ketika kita memasukkan perintah cit akan menghapus 
teks di dalam tag dan langsung masuk ke dalam mode insert. Kita akan 
membahas operator lebih jauh di bagian berikutnya. 


Seperti yang saya katakan di awal, text object selection hanya dapat 
digunakan pada mode visual dan setelah perintah operator. Kamu 
tidak dapat menggunakan text object selection pada mode normal. 
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Selain it, terdapat beberapa text object selection lainnya yang dapat 
digunakan: iw, aw, at, ab, ip, dan yang lainnya. Untuk saat ini mungkin 
kamu tidak perlu memahami semua itu, kamu hanya perlu tahu 
eksistensi dan kegunaan text object selection di Vim. 


Jump Motion 


Semakin besar aplikasi yang kita buat, semakin besar juga basis 
kodenya. Katakanlah kamu memiliki kode JavaScript yang di 
dalamnya terdapat sebuah fungsi dan beberapa baris statement 
sehingga keyword return terlalu jauh untuk dijangkau. 


function findMyLover() 
// kode 
// yang 
// sangat 
// panjang 


return null: 


y 


Seandainya kursor kamu saat ini berada di tanda kurung 
kurawal ( dan ingin mengganti nilai return, tentu kamu dapat 
menggunakan tombol j untuk terus ke bawah hingga mencapai posisi 
yang diinginkan. Tapi itu bukan cara menggunakan Vim yang efisien. 


function findMyLover() II 
// kode 
// yang 
// sangat 
// panjang 


return null: 


5 


Kamu dapat menggunakan tombol & untuk langsung melompat ke 
tanda kurung kurawal ). 
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function findMyLover() 
// kode 
// yang 
// sangat 
// panjang 


return null: 


Ini tidak terbatas pada tanda kurung kurawal saja, kamu dapat 
melakukan hal yang sama pada tanda kurung (), tanda kurung siku | 1, 
juga C-style comment /F ... “4. 


Sebelumnya kita sudah membahas cara memindahkan kursor per 
paragraf dan per kalimat. Faktanya, perintah tersebut juga termasuk 
ke dalamjump motionpada Vim. Perintah yang termasuk ke 
dalam jump adalah “7, "GP mn, NG, Yo JO, 12, 
“Gs, tap, LM. 


Pada bagian motion ini kita sudah belajar bagaimana memindahkan 
kursor di Vim. Pada dasarnya kita dapat menggunakan tombol arah 
panah, namun kita juga dapat menggunakan beberapa motion di atas 
untuk mempercepatnya. Hal ini tentu akan membuat repot bila belum 
terbiasa, maka biasakanlah! 


Kamu tidak perlu memaksakan menggunakan semua motion di atas, 
bila belum terbiasa tidak apa-apa menggunakan tombol arah panah 
untuk memindahkan kursor. Kamu dapat mencobanya secara 
bertahap, itu yang saya lakukan juga ketika saya belajar Vim. Tidak 
usah minder! 


Operator 


Pada dasarnya, menghapus teks pada Vim sama seperti editor teks 
pada umumnya. Kita dapat menggunakan tombol BACKSPACE atau DE- 
LETE di macOS. Namun, bila kita mencoba menekan BACKSPACE di 
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mode normal, maka teks tidak akan terhapus. Hal ini hanya berlaku di 


mode insert saja. 


Apakah harus pergi ke mode insert terlebih dahulu untuk menghapus 
teks di Vim? Jawabannya adalah iya bila kamu ingin merepotkan diri 
sendiri. Vim memiliki perintah untuk menghapus teks pada mode nor- 
mal. 


Sebenarnya, ketika kamu di Vim kamu akan selalu berada di mode 
normal. Kamu akan berpindah ke mode lain sesekali saja ketika me- 
mang membutuhkannya. Sebagai contoh, kamu akan pergi ke 
mode insert untuk menulis teks atau kode. Setelah menuliskannya, 
kamu akan kembali ke mode normal. Hal seperti ini akan men- 
jadi habit. 


Di Vim perintah untuk menghapus adalah d. Ketika kamu menekan 
tombol d di keyboard maka tidak akan terjadi apa-apa. Karena 
perintah d tersebut adalah operator. Di Vim, operator menunggu 
perintah lain untuk melaksanakan tugasnya. 


Dalam kata lain, ketika kamu menekan tombol d, kamu hanya mem- 
beritahu Vim bahwa kamu hendak menghapus sesuatu, tapi kamu 
tidak memberitahu Vim mengenai apa yang hendak dihapus. Vim pasti 
bingung, kan? Pada saat itulah motion berguna. Kamu dapat 
menggunakan salah satu motion yang kamu perlukan untuk mengha- 
pus teks. 


Sebagai contoh, kamu dapat menggunakan w untuk menghapus satu 
“kata” ke depan dari posisi kursor saat ini. Bila dikombinasikan, maka 
perintahnya menjadi dw. Perintah dw berarti delete word. 


(& Sebagai informasi, kamu dapat menggunakan perintah x untuk 
# menghapus satu karakter di bawah posisi kursor saat itu. Juga 
dapat menggunakan s untuk sekaligus masuk ke mode insert. 
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Bukan hanya w, kita belajar motion yang lain juga. Kita dapat 
menggunakan motion yang kita telah pelajari sebelumnya sebagai 
kombinasi dengan operator delete. 


Untuk menghapus satu “kata” ke belakang, misalnya, kita dapat 


menggunakan db. Begitu juga dengan motion yang lain, seperti: 


e dj menghapus satu paragraf ke depan 

e df menghapus satu paragraf ke belakang 

e dit menghapus teks di dalam tag block 

e d) menghapus satu kalimat ke depan 

e  d( menghapus satu kalimat ke belakang 

e d#& menghapus teks dalam cakupan tanda yang ditemukan 
(contoh: ()) 

e dan seterusnya 


Ya, itulah bahasa Vim. Bahasanya lebih ringkas dari bahasa manusia, 
namun bagian sulitnya adalah mencoba mengingatnya. Bagaimana 
tidak ringkas, tata bahasa Vim hanya terdiri dari: kata kerja # kata 
benda. 


Kata kerja di Vim itu diisi dengan operator: 


e duntuk menghapus 

ec untuk menghapus dan masuk ke mode insert 
e yuntuk yank (menyalin/copy) 

e » untuk indentasi 


Sedangkan kata benda di Vim itu diisi dengan motion: 


e wuntuk satu kata ke depan 

e b untuk satu kata ke belakang 
e it untuk dalam tag block 

e dan sebagainya 
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Sampai sini mungkin intelegensi kamu dapat memahami dari contoh 
sebelumnya bahwa perintah d dapat diganti dengan c, y atau opera- 
tor lainnya. Ya, memang benar! Karena begitulah cara kita berkomu- 
nikasi dengan Vim. 


Mungkin kamu akan menggunakan cw untuk menghapus “kata” dan 
beralih ke mode insert: mungkin kamu menggunakan y) untuk menya- 
lin satu “kalimat” ke depan: mungkin kamu menggunakan ») untuk 
menambah indentasi satu “paragraf” ke depan. Begitu seterusnya. 


Bila kamu mengulang operator sebagai kata benda di Vim, maka Vim 
akan melakukan sesuatu pada satu baris di mana kursor berada. Misal, 
seperti ini: 


e dd akan menghapus satu baris 

e yyakan menyalin satu baris 

e cc akan menghapus satu baris dan masuk ke mode insert 
e »» akan memberikan indentasi pada satu baris 


Selain itu, kamu juga dapat mengulang operator atau motion dengan 
menambahkan angka di awal. Misal, kamu dapat menggunakan 3dd 
untuk mengulang perintah dd sebanyak 3 kali. Begitu juga dengan mo- 
tion, kamu dapat menggunakan 8j untuk memindahkan kursor 8 kali 
ke bawah. 


Tidak hanya itu, seandainya kamu ingin menghapus 2 kata ke depan, 
kamu dapat menggunakan perintah d2w yang berarti delete 2 words. 
Atau kamu juga dapat menggunakan 4d2w yang berarti 4 kali delete 2 


words. 


Kamu hanya perlu mengkombinasikan operator dengan motion agar 
Vim dapat melakukan sesuatu yang kamu inginkan. 


Hal yang perlu kamu ketahui adalah ketika kamu menggunakan oper- 
ator untuk menghapus teks, seperti d atau c, operator juga akan 
menaruh teks yang dihapus ke dalam ruang memori di Vim benama 
registers. 
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Jadi saat kamu menghapus teks dengan operator d, misalnya. Teks 
tersebut akan hilang, dan teks tersebut juga akan ditaruh ke da- 
lam registers, jadi saat kamu melakukan paste, maka akan muncul teks 
terakhir yang kamu hapus. Kita akan belajar mengenai registers di ba- 
gian berikutnya. 


Sampai sejauh ini kita sudah belajar hal yang paling penting di Vim, 
yaitu operator dan motion. Karena dengan keduanya kita dapat berk- 
omunikasi dengan Vim. 


Copy dan Paste 


Vim menggunakan istilah yank untuk menyalin, itu kenapa 
perintahnya adalah y. Sama seperti operator yang lainnya, kamu juga 
dapat mengkombinasikan motion dengan yank. Misal, untuk menyalin 
“kata” kamu dapat menggunakan yw, untuk menyalin paragraf kamu 
dapat menggunakan y5: dan sebagainya. 


Sedangkan untuk menempelkan hasil yang disalin, kamu dapat 
menggunakan perintah p. 


Undo, Redo dan Repeat 


Kita tidak mungkin tidak membuat kesalahan dalam menulis kode. 
Sama seperti editor teks lainnya, Vim juga pemaaf dan 
memberikanmu kesempatan untuk memperbaikinya. 


Untuk meng-undo di Vim, kamu dapat menggunakan u. Kontras, untuk 
me-redo di Vim, kamu dapat menggunakan ctr1-r. 


Bila kamu menjalankan Vim di terminal emulator, dan kamu mencoba 
menekan ctr14z dengan harapan untuk meng-undo, maka yang 
terjadi adalah shell akan men-suspend program Vim yang sedang 
berjalan dan menaruhnya di background process. 
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LX) @JAlacritty » zsh 
vim add.js 


zsh: suspended vim add.js 


X TSTP took 


n | 


Vim ter-suspend 


Kamu dapat menggunakan perintah fg untuk mengembalikannya. 
Perintah tersebut akan membawa background process terakhir 
ke foreground sehingga kamu dapat menggunakan Vim kembali. 


Apabila tidak berhasil, kamu dapat menggunakan perintah jobs untuk 
mengetahui program yang ada di background. 
.. CJ Alacritty , zsh 


jobs 
I11 -# suspended vim add.js 


Memeriksa program yang berjalan di background 


Seandainya kamu memiliki beberapa daftar dan kamu menemukan 
program Vim yang tidak sengaja kamususpend. Kamu dapat 
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menggunakan nomor di dalam tanda kurung siku | J sebagai referensi 
perintah fg. Sebagai contoh, jadinya seperti ini: fg 41. 


Balik lagi ke Vim. 


Vim memiliki perintah yang -menurut saya-- canggih, yaitu perintah 
dot atau titik: .. Perintah . akan mengulang perintah terakhir yang 
kamu gunakan. Apabila perintah terakhir yang kamu gunakan ada- 
lah dd maka perintah . akan melakukan peran yang sama. 


Perintah ini sungguh powerful! Sebagai contoh, saya ingin mengganti 
nama fungsi dari add menjadi tambah. Saya dapat menggunakan ciw 
pada kata “add” sekali, dan tekan . di kata “add” yang lain. 


Itu hanya salah satu contoh dari sekian banyak contoh repeatable 
command yang kamu akan temui nanti. 


Search, Subtitute, dan Replace 


Melakukan pencarian teks pada Vim begitu sederhana, kamu hanya 
perlu menggunakan tanda miring garis / dan disertai dengan pattern 
atau kata kunci yang kamu ingin cari. 


/pattern 


Misal, kamu ingin mencari bagian kode userName, kamu dapat 
menggunakan perintah /userName pada Vim. 


Bila Vim sudah menemukan teks dengan pattern atau kata kunci yang 
kamu cari, kamu dapat menggunakan perintah n yang berarti next un- 
tuk melanjutkan pencarian dengan kata kunci yang sama. Sebaliknya, 
bila kamu ingin kembali ke teks yang ditemukan sebelumnya, kamu 
dapat menggunakan perintah N (ya, “N” kapital) untuk kembali. 


Seandainya Vim tidak menemukan teks dengan pattern atau kata 
kunci yang kamu sesuaikan, Vim akan mengeluh seperti ini: 


E486: Pattern not found: pattern 
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Perintah / membuat Vim mencari ke bawah dari posisi kursor saat ini. 
Bila sampai bawah tidak ditemukan, maka Vim akan mengulang 
pencarian kembali dari atas. Hal seperti ini ditandai dengan komentar 
dari Vim yang secara tekstual seperti ini: 


search hit BOTTOM, continuing at TOP 


Sekiranya kamu merasa kata kunci yang kamu cari berada di atas kur- 
sor saat ini, maka alih-alih menggunakan tanda garis miring /, kamu 
dapat menggunakan tanda tanya ? dan disertai dengan kata kunci 
yang kamu ingin cari. 


Bila awalnya /userName, maka menjadi ?userName. Kebalikan dari 
tanda garis miring, dengan tanda tanya maka Vim akan mencari ke 
atas dari posisi kursor saat ini. Bila tidak ditemukan, maka akan men- 
gulang pencarian dari bawah. Hal ini ditandai dengan komentar dari 
Vim yang secara tekstual seperti ini: 


search hit TOP, continving at BOTTOM 


(9 Sebagai tambahan, kamu dapat memindahkan posisi kursor ke 

F kata manapun, lalu tekan perintah “untuk mencari kata 
tersebut ke depan, atau perintah #untuk mencarinya ke 
belakang. 


Perlu diingat, pencarian di Vim pada dasarnya menggunakan case-sen- 
sitive, jadi kamu perlu memperhatikan huruf kapital dan bukan. Sean- 
dainya kamu ingin menghindari case-sensitive, kamu dapat 
menggunakan perintah :set ignorecaseatau :set 'icversi yang 
lebih ringkas. 


Kamu juga dapat mengembalikan fitur case-sensitive tersebut dengan 
perintah :set noignorecase atau :set noic. 


Cara lain untuk menghindari case-sensitive pada saat pencarian di Vim 
adalah dengan menambahkan Nc pada akhir perintah pencarian. 
Merujuk ke perintah pencarian sebelumnya, maka akan men- 
jadi /usernameNc. 
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Kamu juga dapat menggunakan regular expression untuk kata kunci 
pencarian. Sebagai contoh, kamu ingin mencari tanda titik koma pada 
setiap akhir baris, kamu dapat menggunakan /5$ : ingin mencari teks 
yang mengandung .com, kamu dapat menggunakan /.N.com. 


Tentu kamu dapat menemukan referensi mengenai pencarian regular 
expression yang lebih lengkap pada sumber daya lain. Saya hanya 
memberikan beberapa contoh saja barusan. 


Kita sudah belajar mencari teks di Vim, saatnya belajar mengganti kata 
kunci yang ditemukan dengan teks lain atau di Vim disebut juga 
dengan subtitute. 


Untuk melakukan search and replacedi Vim, kamu dapat 
menggunakan perintah :s yang berarti subtitute dan lebih lengkap- 
nya seperti ini: 


:s/keyword/replaceKeyword 


Pada dasarnya seperti itu saja. Di mana keyword adalah pattern atau 
kata kunci yang hendak kamu cari, sedangkan replaceKeyword adalah 


teks yang menggantikannya bila pattern atau kata kunci ditemukan. 


Seandainya kamu memiliki teks seperti di bawah dan dengan kondisi 
posisi kursor berada di huruf “k” baris pertama: 


Reyword keyword 
keyword keyword 


Maka dengan perintah sebelumnya, teks yang kamu miliki akan 
menjadi seperti ini: 


replaceKeyword keyword 
keyword keyword 
keyword keyword 
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Ya, hanya satu yang diganti, tahu kenapa? Karena Vim hanya akan 
men-subtitue atau me-replace teks yang pertama kali ditemui saja dan 
pada baris di mana posisi kursor saat itu berada. 


Seandainya posisi kursor berada di baris kedua seperti ini: 


keyword keyword 
Reyword keyword 


Maka dengan perintah yang sama, hasilnya akan seperti ini: 


keyword keyword 
replaceKeyword keyword 
keyword keyword 


Kamu dapat menambahkan /g diakhir perintah sebelumnya untuk 
melakukan subtitue secara global. Perintah sebelumnya menjadi 
seperti ini: 


:s/keyword/replaceKeyword/g 


Dengan perintah tersebut, semuapattern ataukata kunci yang 
ditemukan akan di-subtitue oleh Vim, tidak hanya satu. 


Reyword keyword 
keyword keyword 
keyword keyword 


Dengan perintah sebelumnya, maka hasilnya akan seperti ini: 


replaceKeyword repLaceKkeyword 
keyword keyword 
keyword keyword 


Kamu juga dapat menentukan jangkauan subtitue. Misal, kamu ingin 
melakukan subtitute dari baris pertama hingga baris kedua, maka 
perintah ini dapat digunakan: 


:1,2s/keyword/repLaceKeyword/g 
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Tidak peduli di mana posisi kursor kamu berada, Vim tetap akan 
melakukan subtitute hanya pada baris nomor 1 hingga baris nomor 2. 
Kira-kira seperti ini hasilnya: 


replaceKeyword repLaceKkeyword 
replaceKeyword repLaceKkeyword 
keyword keyword 


Umumnya, pada editor teks konvensional, kamu melakukan find and 
replace di seluruh dokumen — dari baris 1 hingga baris terakhir. Pada 
Vim, hal ini dapat dilakukan dengan perintah yang mirip seperti 
sebelumnya. Hanya saja, angka 2 diganti dengan tanda dolar $ sebagai 
intepretasi baris akhir pada dokumen yang sedang dibuka. 


:1, $s/keyword/replaceKeyword/g 


Dengan perintah di atas, maka kamu sudah dapat menebak hasilnya. 
Ya, semua pattern di semua baris akan di-subtitute. 


Perintah 1, $ dapat disingkat dengan tanda persen &. Menjadi seperti 
ini: 
:$s/keyword/repLaceKeyword/g 


Sama seperti fitur pencarian Vim sebelumnya, subtitute juga 
menggunakan case-sensitive. Kamu dapat menggunakan cara yang 
sama seperti di fitur pencarian untuk mengabaikan case-sensi- 
tive. Tambahan, kamu dapat menggunakan perintahidi akhir 


perintah untuk mengabaikan case-sensitive pada fitur subtitute. 


:$s/keyword/replaceKeyword/gi 


Selain itu, pada bagian pattern juga kamu dapat menulis regular ex- 


pression untuk pencarian yang lebih lanjut. 


Sejujurnya, subtitute adalah fitur yang jarang sekali saya gunakan. 
Saya lebih memilih menggunakan fitur pencarian menggunakan 
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perintah / atau ?. Lalu saya menggantinya secara manual dengan 
menggunakan perintah c atau d bila saya ingin menghapusnya. 


Alasan saya melakukan ini karena saya ingin meninjau satu per satu 
teks atau kode yang hendak saya ganti atau hapus. Agak berisiko bagi 
saya menggunakan subtitute pada basis kode yang sudah besar. Tentu 
saja hal ini tergantung pada kasus- 


Terakhir, sebaiknya kita perlu memulai membiasakan istilah subti- 
tute pada fitur ini. Karena istilah replace seringkali merujuk pada fitur 
Vim yang lain dengan perintah yang berbeda juga. Kamu dapat 
menggunakan perintah r4f char) untuk me-replace satu karakter yang 
sedang berada di bawah kursor. 


Sebagai contoh kamu memiliki teks seperti ini: 
Aku 

Kemudian kamu gunakan perintah rs. Maka hasilnya seperti ini: 
sku 

Karakter A di-replace dengan s. 


Kamu juga dapat me-replacelebih dari satu karakter dengan 
perintah R . Perintah tersebut akan membawa kamu ke mode replace. 
Pada mode tersebut, setiap karakter yang kamu ketik akan 
menggantikan karakter yang berada di bawah posisi kursor saat itu 
sampai kamu kembali lagi ke mode normal dengan tombol ESC. 


Mode ini yang hampir tidak pernah saya gunakan. Namun 
perintah r sangat sering saya gunakan. 


Visual Mode 


Pada editor teks konvensional kamu dapat menggunakan mouse un- 
tuk menyeleksi teks atau kode. Sebagai alternatif, kamu juga dapat 
menggunakan tombol SHIFT disertai arah panah. 
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Di Vim, untuk menyeleksi teks, kamu dapat menggunakan mode vis- 
ual. Pada mode visual, motion akan bertindak menyeleksi sesuai 
dengan perintahnya, dan operator tidak perlu lagi menunggu mo- 


tion untuk bertindak. 


Perintah vuntuk masuk ke mode visual. Saat berada di mode vis- 
ual kamu dapat menggunakan motion seperti w, ) dan sebagainya un- 
tuk mulai menyeleksi teks. Mode visual ditandai dengan teks “-- VIS- 
UAL --“ di kiri-bawah jendela terminal emulator. 


add(a, b) 
ab, 


Honsote.LogCadd(1, 2)): 


-- VISUAL -- 


Beralih ke mode visual 


Saat ini warna latar belakang dan warna teks seleksi pada mode visual 
tidak begitu kontras, sehingga teks yang diseleksi tidak begitu terlihat 
jelas. 
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(J3 Alacritty » vim 


add(1, 21: 


SE VISUAL:5 


Warna seleksi tidak kontras 


Bila kamu mengalami hal yang sama, kita dapat mengubah warna 
seleksi dengan perintah: 


:highlight Visual ctermbg-yelLow ctermfg-black 


Sekarang seharusnya warna seleksi pada mode visual akan lebih 
kontras. 


-- VISUAL -- 


Warna seleksi lebih kontras 
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Sekarang kita akan mencoba menyeleksi satu "paragraf" ke depan dan 
menghapusnya, gunakan perintah v1d. Dengan catatan posisi kursor 
berada pada karakter pertama di awal paragraf. Penjelasannya seperti 
ini: 

e v masuk ke mode visual 

e ) memindahkan kursor satu “paragraf” ke depan 

e d menghapusnya 


Sebagai contoh, terdapat kode JavaScript berikut dan posisi kursor be- 
rada di karakter f dalam kode function. 


unction add(a, b) 4 
return a # bj 
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console.log(add(1, 2)): 


Jika perintah v)d diberikan, maka Vim akan menghapus bagian kode 
mulai dari f hingga spasi kosong di bawah tanda ). 


Pada mode normal, operator seperti perintah d akan menunggu mo- 
tion untuk melakukan tugasnya, misal dw untuk delete word. Tetapi, 
pada mode visual, tidak perlu lagi menunggu motion. Karena operator 
tersebut (dalam hal ini adalah d) sudah tahu teks yang perlu dihapus, 
yaitu teks yang sedang berada dalam cakupan seleksi. 


Selain menggunakan operator d untuk menghapus, kamu juga dapat 
menggunakan operator lainnya pada mode visual: 


ec untuk menghapus dan masuk ke mode insert 
e yuntuk yank (menyalin/copy) 
e » untuk indentasi 


Di sampin mode visual, terdapat juga mode visual line. Mirip seperti 


mode visual, tapi pada mode visual line hanya dapat menyeleksi per 
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baris saja. Tidak peduli posisi kursor kamu berada di awal, di tengah, 
atau di akhir baris, ia akan tetap menyeleksi satu baris tersebut. 


Perintah V untuk masuk ke mode visual line. Mode visual line ditandai 
dengan teks “-- VISUAL LINE --“ di kiri-bawah jendela terminal emula- 
tor. 


CJ Alacritty » vim 


console.Llog(add(1, 2)): 


-- VISUAL LINE -- 


Beralih ke mode visual line 


Mode ini berguna ketika kamu memang ingin menghapus satu blok 
kode namun posisi kursor kamu tidak berada di awal blok kode terse- 
but. 


Selain kedua mode tersebut, terdapat juga mode visual block. Mode ini 
agak sulit dijelaskan, lebih baik kita langsung coba saja. 


Misal, kita punya kode JavaScript seperti ini: 


function welcome (name) “ 
return “Welcome, $4iname) ': 


y 


Katakanlah kita tidak ingin menggunakannya lagi, kita dapat mem- 
berikan komentar seperti ini: 


89 


// function welcome(name) “ 
// return “Welcome, $4fnanme? ': 


LP 5 


Ya, kita ingin memberikan kode komentar // pada setiap baris kode 
JavaScript tersebut. Dengan mode visual block kita tidak perlu me- 
masukkan komentar tersebut satu per satu. 


Pertama, posisikan kursor pada awal baris di karakter f pada kata 
function, masuk ke modevisual block dengan tombol kom- 
binasi CTRL-v, pindahkan kursor ke bawah sebanyak dua kali sampai 
kursor berada di tanda y. Kita dapat menggunakan perintah 2j agar 
lebih cepat. 


Saat ini visual block sedang menyeleksi 3 baris, sekarang kita dapat 
gunakan perintah I untuk masuk ke mode insert dengan posisi kursor 
berada pada awal baris. Pada mode insert inilah kita masukkan kode 
komentar // . Terakhir kembali lagi ke mode normal. 


Seharusnya hasilnya seperti ini: 


// function welcome(name) “ 
// return “Welcome, $4iname) ': 
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Untuk menghapus komentar, kita dapat mengulang urutan perintah 
yang mirip seperti sebelumnya. Posisikan kursor pada awal baris di 
karakter f pada kata function, masuk ke mode visual block dengan 
tombol kombinasi CTRL -v, pindahkan kursor ke bawah sebanyak dua 
kali sampai kursor berada di tanda 4. Kita dapat menggunakan 
perintah 2j agar lebih cepat. 


Saat ini visual block sedang menyeleksi 3 baris, sekarang geser posisi 
kursor ke kanan sebanyak 2 kali, kita dapat menggunakan 
perintah 21. Terakhir kita dapat hapus teks yang sedang diseleksi 
dengan perintah d. Maka saat ini kode komentar sudah hilang. 
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Itulah kasus yang paling sering saya gunakan pada mode visual 
block. Pada dasarnya ketiga mode visual ini sama saja, yang mem- 
bedakan adalah bagaimana cara Vim menyeleksi teks pada masing- 
masing mode visual. 


Lompat-Melompat 


Kamu dapat memindahkan posisi kursor ke suatu tempat dengan ce- 
pat, seperti pindah ke atas berkas, ke bawah berkas, atau pergi ke spe- 
sifik nomor baris. Selain itu kamu juga dapat men-scroll layar Vim ke 


atas atau ke bawah. Semua itu dilakukan hanya dengan keyboard. 
Berikut ini saya rangkum perintah-perintahnya: 


e gg untuk memindahkan kursor ke atas dokumen 

e Guntuk memindahkan kursor ke bawah dokumen 

e  :n di mana n adalah angka — untuk lompat ke spesifik baris 
e nGGdi manan adalah angka — sama seperti :n 

6  CTRL-y untuk men-scroll Vim satu baris ke atas 

e CTRL-e untuk men-scroll Vim satu baris ke bawah 

e CTRL-u untuk memindahkan kursor dan layar V2 halaman 

e CTRL-d untuk memindahkan kursor dan layar V2 halaman 


Agar lebih cepat lagi, biasanya pengguna Vim menggunakan relative 
number. Di mana dengan relative number, nomor baris di atas dan di 
bawah kursor akan selalu 1, 2, 3 dan seterusnya. 


Fitur ini sangat berguna, karena kita memiliki referensi nomor yang 
bisa digunakan untuk melompat ke atas dan ke bawah. Untuk 
mengaktifkan fitur relative number, kita dapat menggunakan 
perintah :set relativenumber dan perintah : set number untuk men- 
ampilkan nomor baris. 
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IJ Alacritty » vim 
t node.value # F 


TypeError(node.type): 


Mengaktifkan fitur relative number dan nomor baris 


Lihat kembali kode pada tangkapan layar di atas. Sebagai contoh, saya 
ingin melompat ke kode throw new TypeError(node.type),, saya 
dapat menggunakan perintah 12k untuk mencapainya. Karena kode 
tersebut berada di nomor baris 12 di atas posisi kursor saat ini. Jadi, 
perintah 12k berarti memindahkan kursor ke atas sebanyak 12 kali. 


Karena nomor baris saat ini relatif, maka setiap posisi kursor berpin- 
dah ke atas atau ke bawah, referensi nomor baris akan berubah-ubah. 


Dengan seperti ini, kita akan semakin lebih cepat memindahkan posisi 
kursor ke atas atau ke bawah. 


Indentasi 


Pada Vim yang saya gunakan, untuk indentasinya menggunakan 
karakter tab ketimbang spasi. Lebar tab-nya setara dengan 8 spasi. 
Untuk mengetahui informasi ini, kamu dapat menggunakan 
perintah :set syntax-whitespace . 
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(J Alacritty » vim 
functionlfadata fb) | 
returnlkikib: 


console. Log(ada(1,2)) 7 


iset syntax-whitespace 


Mengubah jenis sintaksis menjadi whitespace 


Ini adalah aturan syntax highlighting untuk bahasa pemrograman 


Whitespace::. Tab ditampilkan dengan warna hijau, sedangkan spasi 
ditampilkan dengan warna merah. 


Tentu saja angka 8 adalah angka yang sangat lebar untuk ukuran in- 
dentasi. Umumnya, orang-orang menggunakan ukuran 4 atau 2. Dan 
sampai hari ini masih tetap menjadi perdebatan antara menggunakan 


spasi atau tab untuk karakter indentasi. 


Secara bawaan, seperti yang saya tampilkan di atas, Vim 
menggunakan tab ketimbang spasi. Apabila kamu sudah terbiasa 
dengan tab dan hendak mengubah ukurannya saja, maka kamu dapat 
mengaturnya dengan perintah :set tabstop-n yang di mana n adalah 
lebar dari tab. 


11 "Whitespace (programming language)" https://en.wikipe- 
dia.org/wiki/Whitespace 428programming languageh29 
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JJ Alacritty » vim 
2 el 


returnal-b : 


console. Log(ada(1,2)) 7 


iset tabstop-2 


Kode dengan ukuran tab 2 


Seandainya kamu satu selera dengan saya dan ingin mengubah 
dari tab menjadi spasi, maka kamu dapat mengaturnya dengan 
perintah :set expandtab. 


e Konfigurasi tabstop-n akan mengatur lebar dari karakter tab. 
e Konfigurasi expandtab akan mengubah karakter tab menjadi 
spasi 


Walaupun ukuran indentasinya sudah disesuaikan, namun karakter 
saat ini yang masih digunakan adalah tab bukan spasi. Untuk mengu- 
bahnya, kita dapat menggunakan perintah : retab. 
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PJ Alacritty » vim 
Ka IA nila 


returnie-Ib: 


console. Log(ada(1,2)) F 


Mengubah tab menjadi spasi 


Karena kita menggunakan konfigurasi expandtab, jadi kita perlu 
menggunakan konfigurasi softtabstop-n ketimbang tabstop-n. Ka- 
rena ketika kita menekan tombol TAB, Vim akan memasukkan jumlah 
karakter spasi sesuai dengan jumlah softtabstop. 


Untuk melakukan indentasi manual, kita dapat menggunakan opera- 
tor », « dan -. 


e » untuk menambah indentasi 
e « untuk mengurangi indentasi 
e - untuk memperbaiki indentasi 


Sebagai contoh, kita dapat menggunakan perintah »i4 untuk menam- 
bah indentasi semua kode yang berada di dalam tanda kurung ku- 
rawalf ... J: atau menggunakan perintah »» untuk menambah in- 
dentasi satu baris pada posisi kursor berada: atau menggunakan 
mode visual. 
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PJ Alacritty » vi 


funetionlfada (Ca, ok 
eturnik Mb: 


k 


console. Log(ada(1,2)) 5 


Memberikan indentasi pada baris kedua dengan perintah »» 


Indentasi yang diberikan tetap terlalu lebar, tidak sesuai dengan kon- 
figurasi yang kita berikan sebelumnya. Apakah konfigurasinya tidak 
terbaca? Tentu bukan. Konfigurasi untuk mengatur lebar indentasi 
pada saat menekan tombol TAB dan pada saat menggunakan perintah 
», X, atau - itu berbeda konfigurasinya. 


Sebelumnya kita hanya mengatur lebar indentasi pada saat menekan 
tombol TAB saja. Untuk mengatur lebar indentasi pada saat 
menggunakan perintah », «, atau -, kita dapat menggunakan konfigur- 
asi shiftwidth-n. 


Konfigurasi terakhir untuk saat ini prihal indentasi adalah autoin- 
dent dan smartindent. Kedua konfigurasi ini penting dan membantu. 
Tanpa konfigurasi ini, kita perlu memberikan indentasi secara manual 
dengan menekan tombol TAB setiap kali menulis kode pada baris baru. 


Misal, kita memiliki kode JavaScript berikut dan posisi kursor berada 
di tanda kurawal y. 


function add(a, b) H 


return a # bj 
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Jika kita ingin membuat baris dengan menggunakan perintah o pada 
mode normal, maka kursor akan berada di baris baru namun tanpa 
indentasi yang sama dengan bagian kode return ... 


function addla, b) “ 


return a # bj 
5 


Posisi kursor akan lebih memudahkan bila memiliki indentasi sama 
seperti bagian kode return. 


function addl(a, b) “ 


return a # bj 
5 


Pada beberapa kasus mungkin fitur ini sudah otomatis aktif, namun, 
bila seandainya belum aktif hal seperti di atas akan terjadi. Kita dapat 
mengaktifkan fitur autoindent dengan perintah : set autoindent atau 
:set ai versi yang lebih ringkas. Konfigurasi ini akan memberitahu 
Vim untuk menerapkan indentasi dari baris saat ini ke baris 
berikutnya (atas dan bawah, dengan menekan tombol ENTER, o atau O). 


Sedangkan untuk mengaktifkan fitur smartindent, kita dapat 
menggunakan perintah :set smartindent atau :set si untuk versi 
yang lebih ringkas. Seperti namanya smart, fitur ini akan me- 
nyesuaikan gaya indentasi sesuai dengan jenis sintaksis yang kita se- 
dang gunakan. 


Kita juga dapat menyeleksi semua kode dan menggunakan opera- 
tor - untuk menyesuaikan indentasi dengan konfigurasi saat ini. 
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Untuk menyeleksi semua kode, pindahkan kursor ke paling atas, 
beralih ke mode visual, pindahkan kursor ke paling bawah, lalu beri 
perintah -. Bila digabungkan, maka perintahnya seperti ini ggvG-. 


Konfigurasi 


Vim memungkinkan kita untuk menulis konfigurasi sendiri untuk 
mengatur prilaku Vim. Konfigurasi tersebut bernama vimrc. Vi 
menggunakan nama exrc, sedangkan vimrc adalah nama spesifik dari 
Vim. 


Kita dapat menulis berkas konfigurasi ini di dalam folder 
$HOME/ .vimrc atau $HOME/.vim/vimrc, bila kita menggunakan Unix 
atau Unix-like seperti macOS atau Linux. Untuk Windows, berkas kon- 
figurasi dapat ditaruh di folder $HOME/ vimrc atau $HOME/vim- 
files/vimrc. 


Saya menggunakan macOS, jadi saya akan menulis konfigurasi vimrc 
di dalam folder $HOME/.vimrc atau «/.vimrc. 


Untuk membuat berkas konfigurasi baru di dalam Vim, kita dapat 
menggunakan perintah :e “«/.vimrc Unix dan Unix-like, dan :e 
s/ Nimrc untuk Windows. Di mana tanda « adalah alias untuk $HOME, 
untuk mengetahui nilai $HOME, kita dapat menggunakan perintah 
:echo $HOME di Vim, hasilnya kira-kira seperti ini: 


/Users/mhdnauvalazhar 
Di Windows: 
C:“Userslmhdnauvalazhar 


Vim seharusnya sedang menampilkan berkas baru kosong. 
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PJ Alacritty » vim 


"»/.vimrc" (New) 


Berkas konfigurasi baru di Vim 


Konfigurasi pada berkas vimrc ditulis dengan bahasa Vimscript, wa- 
laupun terdapat sebagian orang membenci bahasa ini. Berbeda 
dengan Vim, Neovim memungkinkan kamu menulis konfigurasi 
dengan bahasa Lua. Untuk saat ini, karena kita menggunakan Vim, kita 
akan menulisnya dengan Vimscript. 


Di dalam berkas vimrc kita hanya akan menulis perintah-perintah 
yang sebelumnya pernah kita gunakan, seperti :syntax on, :set 
number dan sebagainya. Perintah-perintah tersebut sebetulnya konfig- 


urasi, namun tidak persistent — hanya untuk sementara. 


Kita dapat menulis kode seperti ini di dalam berkas vimrc untuk 
menghidupkan fitur syntax highlighting, line numbers, dan relative 
number. 


syntax on 
set number 
set relativenumber 


Lalu simpan berkas tersebut dengan perintah :w. 
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Ketika kita melakukan perubahan pada berkas konfigurasi vimrc, kita 
perlu memberitahu Vim untuk memuat ulang konfigurasi tersebut 
dengan perintah : source. 


CJ Alacritty » vim 


number 
relativenumbe 


:source 


Memuat ulang konfigurasi Vim 


Perintah tersebut digunakan apabila kita ingin memuat ulang konfig- 
urasi tanpa keluar Vim, pada dasarnya Vim akan selalu memuat kon- 
figurasi terbaru ketika dimulai - dalam kata lain, kita dapat keluar Vim 
dan membukanya lagi untuk membuka Vim dengan konfigurasi 
terbaru. 


Kita dapat mengetahui informasi mengenai daftar konfigurasi 
atau script yang dibaca oleh Vim saat ini dengan perintah: 


:scriptnames 
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iscriptnames 
1 «/.vimrc 


2: /opt/homebrew/Cellar/vim/9.0. 
: /opt/homebrew/Cetlar/vim/9.0. 
: /opt/homebrew/Cellar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 


: /opt/homebrew/Cellar/vim/9 
: /opt/homebrew/Cellar/vim 
: /opt/homebrew/Cellar/vim 
: /opt/homebrew/CeLtar/vim 


: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cellar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cellar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cellar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 
: /opt/homebrew/Cetlar/vim/9. 


(J3 Alacritty » vim 


085@/share/vim/vim90/syntax/syntax.vim 
0850/share/vim/vim90/syntax/synload.vim 


.0850/share/vim/vim90/syntax/syncolor.vim 
.90850/share/vim/vim90/colors/Lists/default.vim 
.90850/share/vim/vim90/filetype.vim 


0850/share/vim/vim90/scripts.vim 
0850/share/vim/vim90/autoload/dist/script.vim 


.0850/share/vim/vim90/plugin/getscriptPlugin.vim 
.0850/share/vim/vim90/plugin/gzip.vim 
.0850/share/vim/vim90/plugin/LogiPat.vim 
.0850/share/vim/vim90/plugin/manpager.vim 
.0850/share/vim/vim90/plugin/matchparen.vim 
.0850/share/vim/vim90/plugin/netrwPlugin.vim 
.0850/share/vim/vim90/plugin/rrhetper.vim 
.0850/share/vim/vim90/plugin/spellfile.vim 
.0850/share/vim/vim90/plugin/tarPlugin.vim 
.0850/share/vim/vim90/plugin/tohtmL.vim 
.0850/share/vim/vim90/plugin/vimbattPlugin.vim 
.0850/share/vim/vim90/plugin/zipPlugin.vim 
.0850/share/vim/vim90/syntax/vim.vim 


Daftar konfigurasi Vim 


Kita bisa perhatikan, dalam kasus saya, berkas vimrc berada diurutan 


pertama. Sisanya adalah plugin-plugin yang dimuat oleh Vim secara 
bawaan. Jika kamu tidak menemukannya, kamu dapat mengeluarkan 
Vim dan membukanya kembali dan ulangi perintah sebelumnya. 


Selain konfigurasi tadi, kita dapat menulis konfigurasi indentasi yang 
kita sudah lakukan sebelumnya. 


set 
set 
set 
set 
set 


expandtab 
shiftwidth-2 
softtabstop-2 
autoindent 
smartindent 


Kamu juga dapat mengatur konfigurasi color scheme di vimrc, misal: 


coLorscheme habamax 


Umumnya, pengguna Vim (termasuk saya) membuat pemetaan tom- 
bol ESC ke tombol jj. Ini bertujuan agar mempermudah ketika hendak 
beralih dari mode insert ke mode normal. Karena tombol ESC terlalu 
jauh untuk dijangkau. Bila kamu tertarik juga, kamu dapat 
melakukannya seperti ini: 
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imap jj resc? 


Ketika kamu berada di dalam mode insert dan hendak kembali ke 
mode normal, kamu hanya perlu menekan tombol jj, tidak perlu jauh- 
jauh ke tombol ESC. 


Sampai sejauh ini, konfigurasi yang kita tulis sudah bisa digunakan se- 
bagai modal awal untuk mulai beralih ke Vim. 


CJ Alacritty » vim 


number 
relativenumber 


smartindent 


default 


Keseluruhan konfigurasi sejauh ini 


Tentu untuk menyetarakan Vim dengan VS Code, kita perlu menulis 
konfigurasi yang lebih panjang lagi, serta membutuhkan beberapa 
plugin-plugin tambahan. 


Plugin 


Vim memiliki ekosistem plugin yang memungkinkan kamu memper- 
luas fungsionalitas Vim. Di Vim, plugin tidak lebih dari sekadar sebuah 


Vimscript yang diproses secara otomatis pada saat Vim dimulai. 


Kamu dapat menggunakan perintah :scriptnames untuk melihat 
daftar script yang dieksekusi oleh Vim saat ini. Umumnya, Vim akan 
membaca terlebih dahulu konfigurasi yang kita tulis (di «/.vimrc 
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atau / vimrc), dan berikutnya memproses beberapa plugin- 
plugin bawaan Vim. 


Pada versi 8 atau lebih tinggi, Vim memiliki plugin manager bawaan 
bernama packages. Sederhananya ini hanyalah sebuah folder yang 
dapat kita gunakan menaruh plugin-plugin yang kita inginkan. 


Semua plugin tersebut akan diproses otomatis saat Vim dimulai. 


Jadi selain memproses berkas konfigurasi vimrc, dan plugin-plugin 
bawaan, Vim juga akan memproses script atau plugin-plugin yang be- 
rada di dalam folder «/.vim/pack/“/start pada Unix atau Unix-like 
(s/vimfiles/pack/"/start untuk Windows) secara otomatis pada 
saat Vim dimulai. 


Buatlah folder dengan nama pack pada lokasi seperti ini: 
s/ vim/pack 

Untuk Windows: 
s/vimfiles/pack 


Struktur folder untuk plugin yang direkomendasikan oleh Vim adalah 
seperti ini: 


“s/ Nvim/pack/namapLugin/start/namapLugin 
Untuk Windows: 
s/vimfiles/pack/namapLugin/start/namapLugin 


Sebagai contoh, sekarang kita akan mencoba untuk memasang plugin 
bernama emmet-vim (https://github.com/mattn/emmet-vim). 


Dengan plugin tersebut, kita dapat menulis kode HTML dengan 
sintaksis yang terinspirasi dari CSS. 


Misal, kamu menulis singkatan kode berikut: 


Ul Lix5 
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Dengan Emmet, kamu dapat mengkonversi kode tersebut menjadi: 


KUL2 
€li»e/lis 
€li»e/lis 
€li»e«/lis 
€li»e«/lis 
€li»e«/lis 

«JUL 


VS Code secara bawaan sudah memiliki plugin ini terpasang, apabila 
kamu belum tahu. 


Untuk memasang plugin Emmet di Vim, kita perlu mengunduh reposi- 
tory dari plugin tersebut. Untuk itu, kita dapat menggunakan Git atau 
mengunduh berkas Zip-nya. Sebelum, melakukan kloning, kita perlu 
membuat folder untuk menaruh plugin Emmet. 


Buatlah folder baru bernama start di dalam folder baru bernama em- 
met, seperti ini: 


s/ Nvim/pack/emmet/start 
Untuk Windows: 
s/vimfiles/pack/emmet/start 
Sekarang saatnya clone repository dengan Git: 


git clone --depth 1 https://github.com/mattn/emnet- 
vim s/.vim/pack/emmet/start/emmet 


Atau unduh berkas Zip-nya di Github: 
https://github.com/mattn/emmet-vim 


Lalu ekstrak berkas tersebut dan akan ada folder benama emmet-vim- 
master, pindahkan folder tersebut ke dalam folder «/.vim/pack/em- 
met/start (s/vimfiles/pack/emmet/start untuk Windows) dan 
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ubah nama folder tersebut dari emmet-vim-master menjadi emmet, 
seharusnya seperti ini: 


“s/ Nim/pack/emmet/start/emmet 
Atau untuk Windows: 


s/vimfiles/pack/emmet/start/emmet 


Di dalam folder tersebut terdapat banyak berkas dan folder. 


RJ Alacritty » zsh 
Ls “/.vim/pack/emmet/start/emmet 
LICENSE TODO autoload emmet.vim.vimup 
Makefile TUTORIAL doc plugin 
README .mkd TUTORIAL .mkd docs unittest.vim 


Isi folder -/.vim/pack/emmet/start/emmet 


Sekarang kita dapat membuka Vim, apabila kamu sedang mem- 
bukanya, lebih baik menutup dan membuka Vim kembali. 


Untuk mencobanya, kita dapat menggunakan kode singkatan berikut: 
htmL:5 


Pastikan posisi kursor kamu berada di akhir singkatan, dalam contoh 
ini adalah angka 5. Kemudian gunakan tombol kombinasi CTRL-y dan 
disambung dengan tombol ,. 


Hasilnya akan seperti ini: 


S!DOCTYPE htmlz 
shtml Lang-"en"» 
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shead» 
«meta charset-"UTF-8"» 
ctitle»cx/title» 
«/head» 
«body» 


«/ body» 
«/html»s 


Kamu dapat memeriksa dokumentasi Emmet?2 untuk mengeksplor 
singkatan-singkatan yang lain. 


Kembali lagi ke konsep plugin di Vim. 


Sekarang kita sudah berhasil memasang satuplugin di Vim dan 
menggunakan struktur folder yang direkomendasikan oleh Vim. 
Sebenarnya kita bisa menyederhanakan struktur folder untuk 
menaruh plugin-plugin pihak ketiga yang kita pasang. Seperti ini 
misalnya: 


s/ Nim/pack/vendor/start 
Untuk Windows: 


s/vimfiles/pack/vendor/start 


Kita dapat menaruh plugin-plugin di dalam folder tersebut. Istilah 
"vendor" digunakan sebagai indikator bahwa folder tersebut 
berisi plugin-plugin pihak ketiga yang bukan ditulis olehmu. 


Selain itu, seandainya kita tidak ingin sebuah plugin diproses secara 
otomatis oleh Vim saat Vim dibuka, kita dapat mengubah nama folder 
start menjadi opt. Untuk mengaktifkannya, kita dapat menggunakan 
perintah : packadd. 


Misal, sebelumnya kita memiliki folder untuk plugin Emmet seperti ini: 


12" Emmet — the essential toolkit for web-developers" https://docs.emmet.io/ 
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“s/ Nim/pack/emmet/start/emmet 


Untuk Windows: 


s/vimfiles/pack/emmet/start/emmet 


Kita dapat mengubah namanya menjadi: 


“s/ vim/pack/emmet/opt/emmet 
Untuk Windows: 


s/vimfiles/pack/emmet/opt/emmet 


Sekarang plugin tersebut tidak diproses oleh Vim secara otomatis. Kita 
dapat menggunakan perintah : packadd emmet untuk mengaktifkannya. 


Begitulah cara yang paling dasar mengelola plugin di Vim. Umumnya 
pengguna Vim menggunakan package manager pihak ketiga untuk 
mengelola plugin yang lebih mudah, seperti: 


e vim-plug (https://github.com/junegunn/vim-plug) 
e pathogen.vim (https://github.com/tpope/vim-pathogen) 
e vundle.vim (https://github.com/VundleVim/ Vundle.vim) 


Setidaknya ketiga itu yang sering kedengaran namanya. Selain itu, 
mungkin kamu dapat bereksplorasi lagi. 


SelainpluginEmmet yang kita pasang tadi, terdapat banyak 
sekali plugin-plugin Vim yang dapat kita pasang. Mulai yang memiliki 
fungsionalitas, atau hanya sebagai estetika saja. 


e fzf.vim: sebuah wrapper Vim untuk command-line fuzzy finder 

e NERDTree: sebuah plugin untuk tree eksplorer 

e  vim-airline: sebuah plugin untuk menampilkan baris status dan 
baris tab 

e coc.nvim: sebuah autocompletion dan language server untuk 
Vim dan Neovim 
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Kamu dapat mengunjungi Vim Awesome:3 untuk mendapatkan daftar 
yang lebih lengkap. 


Buffer 


Saat kita membuka berkas di Vim, isi berkas tersebut dibaca ke dalam 
sebuah buffer. Di Vim, buffer adalah sebuah area memori yang 
digunakan untuk menyimpan sementara isi berkas. Penyuntingan di 
Vim akan membuat perubahan pada buffer, bukan pada berkas. 


Sebagai contoh, kita buka sebuah berkas ke dalam Vim: 


vim welcome.js 


Kemudian kita lakukan penyuntingan di dalamnya, entah itu mengha- 
pus, atau menambah teks ke dalamnya. Proses penyuntingan tersebut 
hanya akan memengaruhi buffer, tidak pada berkas aslinya. 


Pada editor teks semacam VS Code, ketika kita menyunting sebuah 
berkas, tidak akan terjadi apa-apa pada berkas aslinya sampai kita 
simpan perubahan tersebut, 'kan? 


Begitu juga dengan Vim, perubahan yang kita buat pada berkas yang 
sedang dibuka, hanya akan membuat perubahan pada buffer, sampai 
kita simpan perubahan tersebut dengan perintah :w, misalnya. Saat 
perubahan disimpan, berkas aslinya akan digantikan oleh isi buffer. 


Kita dapat melihat daftar buffer yang ada di Vim dengan perintah :1s, 
:files, atau :buffers. 


13 "Koleksi Plugin Vim" https://vimawesome.com 
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J3 Alacritty » vim 
console.log(welcome (userName)): 


:buffers 
"weLcome.js" 


"weLcome.js" 


"weLcome.js" 


Daftar buffer saat ini 


Ketiga perintah tersebut akan melakukan hal yang sama. Se- 
tiap buffer dapat diidentifikasi dengan nama dan nomor. 


Nama buffer adalah nama berkas yang terkait dengan buffer tersebut. 
Sedangkan nomor buffer adalah nomor urut dan unik yang diberikan 
oleh Vim. Nomor tersebut tidak akan berubah selama satu sesi Vim. 


Sejauh ini saya memiliki dua buah berkas: welcome.js dan add.js 
dengan masing-masing isi seperti ini: 


welcome.js 
const userName - "Nauval":, 
function welcome (name) “4 
return “Welcome, $-4nanme) : 
5 


console.Log(welcome(userName)): 


add.js 
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function addla, b) “ 
return a # bj: 
5 


console.log(add(1, 2)): 


Untuk membuka kedua berkas tersebut, kita dapat menggunakan 
perintah yang sama seperti sebelumnya, hanya saja kita tambahkan 
nama berkas yang lain sebagai argumen kedua. 


vim welcome.js add.js 


Dengan seperti ini, Vim akan membuka kedua berkas dan mem- 
bacanya ke dalam 2 buffer yang berbeda. Gunakan perintah : 1s untuk 
mengetahuinya. 


CJ Alacritty » vim 
$tnane? ': 


console.Log (welcome (userName)): 


"welLcome.js" 
"add. js" 


Daftar buffer saat ini 


Terdapat nomor dan juga tanda #a. Nomor dapat kita gunakan sebagai 
referensi untuk berpindah buffer. Sedangkan tanda Xxa sederhananya 
adalah indikator untuk memberitahu kita bahwa buffer tersebut yang 
sedang dilihat. 


Dengan adanya buffer, Vim memungkinkan kita untuk melakukan 
penyuntingan beberapa berkas sekaligus dalam satu instance Vim 


110 


yang sama. Kita tidak perlu keluar-masuk Vim untuk menyunting satu 
per satu berkas. 


Kita bisa beralih ke buffer yang lain dengan beberapa perintah sebagai 
berikut: 


e  :bn untuk buffer next 

e :bp untuk buffer previous 

e :b namaberkas untuk membuka buffer berdasarkan nama ber- 
kas (contoh: : buffer welcome.js) 

e :bNuntuk membuka buffer berdasarkan nomor (contoh: 
:buffer2) 


Tentu kamu sedikit repot untuk berpindah buffer dengan mengetik 
perintah-perintah tersebut, kendati perintahnya cukup ringkas. Tapi, 
akan lebih cepat bila dilakukan dengan menekan tombol kombinasi. 


Saya me-remap tombol CTRL-h untuk :bp, dan tombol CTRL-1 un- 
tuk :bn. 


nmap «C-h» :bpxCRz 
nmap XC-L2 :bnx«CRs 


Perintah nmap akan membuat pemetaan pada mode normal, «C-h» 
dan «C-1» maksudnya tombol CTRL-h dan CTRL-1: :bpxCR» dan 
:bn«CR» maksudnya jalankan perintah bp dan bn. 


Kamu dapat menambahkan konfigurasi tersebut ke berkas vimrc. 
Setiap kali melakukan perubahaan pada berkas vimrc, kamu perlu 
memuat ulang konfigurasi tersebut ke Vim. 


Seperti sebelumnya, setidaknya ada dua cara untuk melakukannya, 
kamu bisa menutup dan membuka kembali program Vim, atau 
menggunakan perintah : source tanpa harus menutup program Vim. 
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IJAlacritty » vi 


"“s/.vimrc" 16L, 196B written 


Konfigurasi vimrc saat ini 


Sekarang kamu dapat beralih antar buffer dengan kombinasi tom- 
bol CTRL-h dan juga CTRL-1. 


Saat buffer tidak digunakan lagi, misal kamu merasa telah selesai 
melakukan penyuntingan pada sebuah berkas, kamu dapat mengha- 
pus buffer dari daftar. Gunakan perintah : bd untuk menghapus buffer 
yang sedang dibuka, atau :bdN di mana N adalah nomor buffer. 


Untuk perintah :bd, saya melakukan mapping pada kombinasi tom- 
bol CTRL-c. Jadi, untuk menutup buffer, saya hanya perlu menekan 
tombol CTRL -c pada keyboard. 


nmap «C-c2 :bdxCRs 


Selain perintah untuk bernavigasi dan menghapus buffer, tentu saja 
Vim memiliki perintah untuk membuat buffer. Hal ini yang kita akan 
gunakan ketika hendak membuat berkas atau membuka berkas yang 
ada ke dalam Vim yang sedang dibuka. 


Untuk membuat buffer, kita dapat menggunakan perintah :e nama- 
berkas. Sebagai contoh seperti ini: 
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:e heLLo.py 


Perintah tersebut akan membuat buffer baru. Bila kamu memiliki se- 
buah berkas dengan nama hello.py di dalam folder yang sama dengan 
berkas sebelumnya, maka Vim akan membuka dan membaca isi ber- 
kas tersebut ke dalam buffer baru. Bila Vim tidak menemukannya, 
maka Vim akan membuat buffer kosong. 


Setelah menjalankan perintah tersebut, Vim akan menunculkan pe- 
san: 


"hello.py" INewJ 


Seandainya Vim menemukan berkas yang sudah ada dengan 
nama hello.py, kira-kira Vim akan memunculkan pesan seperti ini: 


"hello.py" nL, xB 


Di mananL adalah total baris dari isi berkas, contoh 101 untuk 10 
baris. Sedangkan xB adalah ukuran berkas dalam byte, contoh 3eB. 


Kamu akan melihat sebuah buffer baru pada daftar ketika 
menggunakan perintah :1s. 


PJ Alacritty » vim 


"welLcome.js" 
"add. js" 
"helLo.py" 


Daftar buffer saat ini 
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Perlu diingat kembali, buffer adalah area memori Vim yang digunakan 
untuk menyimpan sementara isi berkas. Setiap perubahan yang kita 
lakukan di Vim itu akan diterapkan ke buffer, bukan berkas aslinya. 


Perintah di atas bukan untuk membuat berkas, melainkan mem- 
buat buffer baru. Jadi, untuk menyimpan buffer menjadi berkas. Kita 
masih perlu menggunakan perintah lain, seperti :w. 


Kita tidak perlu memberi nama berkas lagi pada perintah :w seperti 
sebelumnya, karena kita sudah memberikan nama buffer sebelumnya, 
nama buffer tersebut akan digunakan sebagai nama berkas saat buffer 
tersebut disimpan. 


Misal kita tulis kode berikut di buffer hello.py: 
print( "Hello, world!") 


Simpan buffer tersebut dengan perintah :w. 


CJ Alacritty » vim 


"hello.py" (New) 1L, 23B written 


Menyimpan buffer hello.py menjadi berkas 


Kamu dapat berpikir bahwa sebuah berkas diwakili oleh buffer di Vim, 
tapi tidak semua buffer mewakili berkas. Faktanya, ketika kita 
membuka Vim pertama kali, Vim akan membuat sebuah buffer kosong 
tanpa nama. 
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J3 Alacritty » vim 


VIM - Vi IMproved 


version 9.0.850 
by Bram Moolenaar et al. 
Vim is open source and freely distributable 


Help poor children in Uganda! 
type :help iccf for information 


type :g to exit 
type :help or for on-line help 
type :help version9 for version info 


“LS 
1ka "INo Name)" 


Sebuah buffer kosong saat memulai Vim 


Itu artinya buffer tersebut tidak mewakiliki berkas apapun, sam- 


pai buffer tersebut kamu simpan menjadi sebuah berkas. 


Mungkin sampai sini kamu berpikir bahwa buffer ini setara dengan 
fitur tab yang ada di editor teks semacam VS Code. Secara teknis 
mungkin iya. Tapi, Vim memiliki definisi lain mengenai tab, dan itu 
fitur yang sangat berbeda. 


Kita akan membahas tab di Vim, tapi sebelum itu kita akan membahas 


fitur windows terlebih dahulu. 


Windows 


Kita sudah belajar bahwa ketika membuka berkas ke dalam Vim, maka 
Vim akan membaca isinya dan menahannya ke dalam buffer. 
Kemudian kita juga dapat melihat isi dari berkas tersebut di Vim. Hal 
ini bisa terjadi karena adanya window. 
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Di Vim, window adalah viewport atau area pandang pada buffer. Jadi, 
saat kita membuka berkas pada Vim, Vim akan memuat isi berkas ter- 
sebut ke dalam buffer, dan isi buffer tersebut akan ditampilkan kepada 


kita melalui window. 


Saat kita membuka Vim seperti ini: 


vim welcome.js 


Vim akan membaca isi dari berkas welcome.js dan menaruhnya ke 
dalam buffer. Sampai sini hanya Vim yang tahu isi dari buffer tersebut. 
Kemudian Vim akan membuat sebuah window untuk menampilkan isi 
dari buffer tersebut kepada kita. 


CJ Alacritty » vim 
userName - 


welcome (name) 
$fname) : 


console.log (welcome (userName)) : 


"welcome.js" 7L, 116B 


Membuka berkas welcome.js di Vim 


Kamu dapat melihat tangkapan layar di atas. Apa yang kamu lihat sekarang 
adalah sebuah buffer dan sebuah window untuk menampilkan isi buffer 
dari berkas welcome.js. 


Window adalah sebuah area pandang untuk melihat 
isi buffer 
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Faktanya, ketika kita membuka Vim, selain ia akan membuat se- 
buah buffer kosong tanpa nama, ia juga akan membuat sebuah win- 


dow baru. 


Di Vim, buffer dan window adalah hal yang berbeda dan mereka inde- 
penden. Kamu dapat membuat beberapa window di Vim untuk men- 
ampilkan satu buffer yang sama. Atau kamu juga dapat membuat be- 


berapa window di Vim untuk menampilkan beberapa buffer yang ber- 
beda. 


Sekarang kita buka 2 berkas yang berbeda pada satu sesi Vim yang 
sama: 


vim welcome.js add.js 


Sekarang kita memiliki 2 buffer dan satu window. Sekarang kita akan 
membuat window lainnya dengan perintah :split. 


CJ Alacritty » vim 
UserName - 


welcome (name) 
$inanej : 


console.log (welcome (userName)) : 


userName - 


welcome (name) 
$tname? : 


console. Log (welcome (userName)) : 


Iwelcome.js 


isplit 


2 window menampilkan buffer yang sama 


Kamu dapat melihat sekarang bahwa 2 window yang berbeda menam- 


pilkan buffer yang sama. Perintah : split akan membagi window saat 
ini menjadi dua secara horizontal. Saat ini perintah :g tidak akan me- 


nutup Vim, melainkan akan menutup window yang sedang aktif. 


117 


Sebagai alternatif, kamu dapat menggunakan perintah : vsplit untuk 
membagi window saat ini menjadi dua secara vertikal. 


CJ Alacritty » vim 
Honst userName - "Nauval": 1 const userName - "Nauval", 


welcome (name) welcome (name) 
return "Welcome, $inamej : return “Welcome, $fnamej : 


console. Log(welcome(userName)) : console. Log(welcome (userName)) : 


welcome.js 
ivsplit 


Membagi window secara vertikal 


Walaupun kamu melihat dua window menampilkan isi buffer yang 
sama, bukan berarti buffer untuk berkas welcome.js menjadi ganda. 
Kedua window tersebut tetap merujuk pada buffer yang sama. 


return “Welcome, $4fname) ': return 'Welcome, $fname) : 


3 
4 
5 
6 


& console. Log(weLcome(userName)): console. Log (welcome (userName)): 


welcome.js 


Daftar buffer saat ini 


Seperti yang saya bilang sebelumnya, buffer dan window itu berbeda. 
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Perintah : split maupun :vsplit dapat kita berikan argumen nama 
berkas, misal seperti ini: 


isplit hello.py 
ivsplit add.js 


Bila belum terdapat buffer yang mewakili nama berkas tersebut, maka 
Vim akan membaca berkas tersebut ke dalam buffer baru. Selain itu, 


Vim akan membaca buffer yang ada yang mewakili berkas tersebut. 
Sebagai alternatif, kamu juga dapat menggunakan perintah berikut: 


e :newuntuk membuat sebuahwindowbaru dengan se- 
buah buffer kosong 
e :vnewsama seperti : new, namun secara vertikal 


Untuk navigasi window, kita dapat menggunakan beberapa perintah 
berikut: 


e CTRL-w juntuk memindahkan kursor ke bawah dari win- 
dow saat ini 

e  CTRL-w k untuk memindahkan kursor ke atas dari window saat 
ini 

e CTRL-w h untuk memindahkan kursor ke kiri dari window saat 
ini 

e CTRL-w luntuk memindahkan kursor ke kanan dari win- 
dow saat ini 

e CTRL-w CTRL-wuntuk memindahkan kursor ke bawah atau ke 
kanan dari window saat ini 


Sejauh ini kita sudah belajar prihal buffer dan window. Saya harap 
kamu sudah paham mengenai kedua hal ini, seandainya belum paham 
juga tidak apa-apa, tidak perlu terburu-buru. Ambil waktumu. 
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Tab 


Memahami tab akan sangat mudah seandainya kamu sudah pa- 
ham buffer dan window. Konseptab di Vim berbeda dengan kon- 


sep tab yang ada di editor teks konvensional. 


Editor teks seperti VS Code memiliki konsep tab umumnya berarti un- 
tuk membuka sebuah berkas. Jadi bisa dibilang satu tab itu mewakili 
satu berkas, ketika kita tutup tab tersebut, maka berkasnya juga akan 
pergi. 


Sedangkan di Vim, tab tidak ada kaitannya sama sekali dengan berkas. 
Sebelumnya kita sudah belajar bahwa berkas diwakili oleh buffer. Di 


Vim, tab bersifat layaknya halaman atau tata letak saja. 


Sebelumnya kita sudah membuat beberapa window, bukan? Mari kita 
lakukan lagi. 


vim welcome.js add.js 
Lalu bagi menjadi beberapa window. 
ivsplit add.js 


Sekarang seharusnya kamu memiliki dua window yang dibagi secara 
vertikal. 
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OJ Alacritty » vim 
add(a, b) 1g const userName - "Nauval": 
return a # bj 
welcome (name) 
return “Welcome, $fnaneh : 


console.log(add(1, 2)): 


console. Log(welcome (userName)) : 


5 welcome.js 
"add.js" 5L, 64B 


Membuka buffer add.js ke dalam window berbeda 


Sampai sini tidak ada yang baru, kita sudah pelajar itu semua pada 
bagian sebelumnya. 


Sekarang kita akan buat tab baru dengan perintah : tabnew . 


CJ Alacritty » 


.. 
| add.is MELMELII 
1 


Sebuah tab baru 


Dengan perintah tersebut kita sudah memiliki sebuah tab baru dan 


satu buffer baru kosong. Bila kamu perhatikan, kamu akan melihat 
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daftar tab yang kamu miliki di atas layar Vim. Saat ini, seharusnya 


kamu sudah memiliki dua tab sama seperti saya. 


Di tab ini, kita juga dapat membuat beberapa window seperti sebe- 
lumnya. Misal, sebelumnya kita menggunakan :vsplit, sekarang kita 
dapat menggunakan :split welcome.js agar membagi window 
secara horizontal. 


CJ Alacritty » vim 
| add.js | 2 welcome.js 
userName - 
welcome (name) 


$tname? : 


console. Log(weLcome(userName)) : 


Membagi window secara horizontal 


Sekarang kita akan pergi ke tab sebelumnya dengan perintah : tabp 
sebagai tab-previous: atau juga pergi ke tab berikutnya dengan 
perintah :tabn sebagai tab-next. 


Kamu bisa perhatikan, di tab pertama kita memiliki 2 window yang 
dibagi secara vertikal: di tab kedua kita memiliki 2 window yang 
dibagi secara horizontal. 


Inilah yang dimaksud dengan tab di Vim. Vim juga menyebut tab se- 
bagai tab page, memang sifatnya seperti halaman. Ia tidak ada kai- 
tannya dengan berkas yang sedang dibuka, tab hanya tata letak saja. 


Kamu juga dapat membuka sebuah berkas ditab baru dengan 


perintah : tabnew namaberkas , misal, :tabnew welcome.js. Begitu 
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juga dengan menutuptab, kamu dapat melakukannya dengan 
perintah :tabclose atau : tabc untuk versi yang lebih ringkas. 


Ketika tab ditutup, buffer untuk berkas welcome.js tetap masih ada di 
dalam daftar buffer. Ini sama halnya ketika kamu menutup win- 
dowyang sedang menampilkan buffer, ketika kamu  me- 
nutupnya, buffer masih ada. Artinya ketiga hal antara buffer, win- 
dow dan tab memang independen. 


Walaupun kita memiliki beberapa tab yang berbeda, tetapi kita tetap 
saja memiliki satu daftar buffer yang sama. Saat kita menjalankan 
perintah untuk melihat daftar buffer saat ini di beberapa tab yang ber- 
beda, maka hasilnya akan tetap sama saja. 


Di dalam satu tab kita bisa memiliki satu atau lebih dari satu window, 
begitu juga di tab yang lain. Secara singkat seperti ini kira-kira: 


e Berkas diwakili oleh buffer 

e Buffer ditampilkan oleh window 

e Satuataulebih dari satu window dapat dibuat di dalam satu tab 
e Vim dapat memiliki beberapa tab yang berisi beberapa window 


Apakah sudah mulai pusing? Atau memang sudah pusing sejak tadi? 
Tidak apa-apa, ambil waktumu untuk memahami konsep ini. 


Registers 


Pada bagian operator kita sudah membahas sedikit tentang regis- 
ters. Kamu dapat berpikir bahwa registers ini seperti clipboard. Saat 
kamu menyalin teks di komputer, teks tersebut akan ditaruh ke da- 
lam clipboard. Begitu juga di Vim, saat kamu menyalin dengan 


perintah y, teks akan ditaruh di registers. 


Bisa dibilang registers adalah beberapa ruang memori di Vim. Bila 


di clipboard kamu hanya memiliki satu ruang, di Vim kamu dapat 
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menaruh teks di beberapa ruang yang berbeda dengan registers. Be- 
berapa ruang tersebut masing-masing memiliki identifier atau nama 
sebagai referensi agar registers bisa diakses nanti. 


Saat kamu menghapus teks menggunakan perintah c, d, x, atau s, teks 
tersebut akan dihapus dan juga akan ditaruh ke dalam registers. Ya, 
secara teksnis sama seperti fitur cut pada komputer. Itu kenapa saat 
kamu menghapus teks, misal menggunakan d, lalu kamu tekan p un- 
tuk mem-paste, teks yang dihapus akan muncul. 


Selain menghapus, menyalin (yank) dengan perintah yjuga akan 
menaruh teks yang disalin ke dalam registers, itu cara Vim “meng- 
ingat”. Untuk melihat daftarregisterssaat ini, kita dapat 
menggunakan perintah : reg. 


Kita dapat mengakses registers dengan perintah tanda petik " sebe- 
lum nama atau identifier-nya, misal "a, kita berarti mengakses regis- 
ters bernama a. Perintah mengakses registers ditulis sebelum perintah 
yang kita inginkan. Jadi bila kita menggunakan perintah "ayy, artinya 
kita menyalin satu baris teks dan menaruhnya ke dalam registers a. 


Mengakses registers maksudnya menaruh dan mengambil teks di da- 
lamnya. Tidak memahami konsep registers di Vim tidak akan mem- 
buat kamu masuk neraka, tapi memahami konsep ini memungkinkan 
kamu menggunakan Vim lebih efisien lagi. 


Kasus yang paling sering terjadi di kalangan pengguna Vim adalah 
ketika sudah menyalin teks A, lalu menghapus teks B, saat ingin mem- 
paste teks A, yang muncul malah teks B, karena sebelumnya mengha- 
pus teks B. 


Hal seperti itu umum dan wajar terjadi, karena saat menghapus, Vim 
juga menaruh teks yang dihapus ke dalam registers. Menghapus dan 
menyalin di Vim akan menaruh teks ke dalam sebuah ruang regis- 
ters bawaan yang sama. Ruang registers tersebut dinamakan the un- 
named register. Jadi, saat kamu menyalin, kemudian menghapus, teks 


124 


sebelumnya yang ada di registerini akan digantikan dengan yang 
baru. 


Ruang registers tersebut dapat diakses dengan "" (tanda petik ganda 


dua kali). Sebagai contoh kita dapat menggunakan perintah "“p untuk 
mengambil (mem-paste) isi teks di registers tersebut. Perintah itu juga 
sama saja dengan perintah p. Itu kenapa perintah pbisa dibilang 


semacam Shorthand untuk perintah ""p, karena akan mengakses reg- 


isters "", 


Selain the unnamed register, ada juga ruang register lain, yaitu 10 
numbered registers. Seperti namanya, registers ini memiliki 10 ruang 
yang berbeda sesuai nomor urutnya (0-9). 


Untuk nomor urut 0 atau registers "e akan diisi oleh teks yang terakhir 
disalin (yank) dengan perintahy. Untuk yang lainnya regis- 
ters "1 sampai "9 akan diisi oleh 9 teks terakhir yang dihapus. Regis- 
ters "1 yang paling terbaru, sedangkan "9 yang paling terakhir. 


Kita juga dapat membuat registers dengan nama sesuai alfabet, yaitu 
a-z. Dengan registers ini kita dapat mengatasi masalah yang paling 
umum terjadi seperti yang saya jelaskan sebelumnya. Karena menya- 
lin dan menghapus akan menaruh ke dalam registers yang sama, maka 
kita dapat menyalin teks ke registers yang lain agar tidak terganti tek- 
snya. 


Misal, kita ingin menyalin satu baris dan menaruhnya ke dalam regis- 
ters z, kita dapat menggunakan "zyy, atau hanya ingin menyalin satu 
kata, "zyiw untukmu. Untuk mengambil teks yang disalin tersebut, 


kita dapat menggunakan "zp artinya paste dari registers z. 


Selain ketiga registers yang saya bahas di atas, Vim memiliki 7 
jenis registers yang lain, jadi 10 jumlahnya. Tapi mempelajari ke- 
tiga registers adalah modal yang bagus untuk menjelajah Vim lebih 
jauh lagi. 
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Macros 


Bayangkan kamu dapat merekam beberapa urutan perintah dan men- 
gulangnya terus-menerus dalam beberapa waktu yang berbeda. 
Selamat datang di macros, karena fitur ini memungkinkan melakukan 
hal tersebut. 


Macros adalah fitur di Vim yang memungkinkan kita untuk merekam 
beberapa urutan perintah, lalu kita dapat mengaplikasikannya dalam 
waktu yang berbeda. Fitur ini sangat membantu ketika kita ingin me- 
refactor kode. 


Setiap macros memiliki identifier yang dapat kita gunakan sebagai ref- 
erensi untuk mengaplikasikan macros tersebut di waktu yang lain. 
Kita dapat memulai merekam macros dengan perintah g, dibarengi 
dengan identifier, misala. Jadi, dengan perintahga, kita akan 
merekam macros dengan identifier a. 


Untuk mengaplikasikannya, kita dapat menggunakan perintah @, 
dibarengi dengan identifier yang kita atur sebelumnya, misal a, jadi 
kita dapat menggunakan perintah @a. 


Sekarang kita akan mencobanya, pastikan kamu berada di dalam 
mode normal. Tekan perintah ga, maka kamu akan melihat indikator 
berikut di bawah-kiri layar Vim: 


recording Oa 


Pada saat ini, Vim sedang menunggu perintah-perintah yang kamu 
masukkan. Sekarang, kita bisa masuk ke mode insert dengan 
perintah i, dan mulai menulis teks misal seperti ini: 


halo nauval 


Tekan ENTER untuk membuat baris baru, lalu kembali ke mode normal 
dengan menekan tombol ESC atau jj bila kamu mengikuti konfigurasi 
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yang saya tulis sebelumnya. Masukkan perintah g untuk mem- 
buat macros berhenti merekam. 


Sekarang kamu berada pada mode normal dan memiliki teks seperti 
di atas. Untuk mengaplikasikan macros, kamu dapat menggunakan 
perintah @a, karena a adalah nama identifier yang kita berikan sebe- 
lumnya. 


Perintah tersebut akan membuat teks yang sama, hasilnya maka akan 
seperti ini: 


halo nauval 
halo nauval 


Kamu dapat mengaplikasikan macros sebanyak yang kamu inginkan. 
Misal, kamu dapat menggunakan perintah 10@a, untuk mengulang 
perintah @a sebanyak 10 kali. 


Setiap macros yang direkam, Vim akan menaruhnya ke dalam regis- 
ters. Ya, “registers” yang sama yang kita bahas sebelum ini. Karena kita 
memberikan a sebagai identifier, maka kamu seharusnya sudah dapat 
menebak. Ya, macros tersebut ditaruh di dalam registers a. 


Bila kamu melihat daftar registers saatini dengan perintah : reg, maka 


kamu akan melihat registers a berisikan teks kira-kira seperti ini: 
ihalo nauval”Mjj 


Vim menaruh perintah-perintah yang kita masukkan saat 
merekam macros sebagai teks biasa atauplain text saja. Tidak ada 
yang spesial. Itu artinya kita dapat menyalin isi registers tersebut un- 
tuk digunakan di mana saja, termasuk di sesi Vim yang berbeda! 


Sekarang kita akan coba me-refactor teks sebelumnya, katakanlah kita 
memiliki teks seperti ini: 


halo nauval 
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Lalu kita ingin memperbaikinya menjadi seperti ini: 
Halo, Nauval! 


Pertama yang kita perlu lakukan adalah posisikan kursor pada huruf 
“h”, lalu mulai merekam macros dan menaruhnya ke dalam registers 
yang lain, misal s. Maka kita dapat menggunakan perintah as. 


Saat macros sedang direkam, kita dapat memasukkan perintah- 
perintah berikut: 


e s untuk membuat huruf “h” menjadi kapital 

e e untuk memindahkan posisi kursos ke huruf “o” 

e a untuk masuk ke mode insert dengan posisi kursor berada di 
depan huruf “o” 

e , untuk memberikan tanda koma setelah kata “Halo” 

e  jj atau ESC untuk beralih ke mode normal 

e wuntuk memindahkan posisi kursor ke huruf “n” 

es untuk membuat huruf “n” menjadi kapital 

e A untuk masuk ke mode insert dengan posisi kursor berada di 
akhir baris 

e |! untuk memberikan tanda seru 

e#  jj atau ESC untuk beralih ke mode normal 

e guntuk menghentikan merekam macros 


Sekarang kamu dapat membuat teks serupa lagi pada baris baru, 
seperti ini: 


halo nauval 


Kemudian pindahkan posisi kursor ke awal baris atau pada huruf “h”, 
lalu gunakan perintah @s untuk mengaplikasikan macros. Saat ini 
seharusnya teks sudah berubah menjadi seperti ini: 


Halo, NauvaL! 


Bila kita melihat ke daftar registers saat ini, maka registers s akan 
berisi kira-kira seperti ini: 
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sea, jjwsA!jj 


Itulah sekumpulan perintah-perintah yang kita rekam sebelumnya, 
ketika kita gunakan perintah @s, maka sama saja Vim akan mengulang 
sekumpulan perintah-perintah itu lagi pada waktu tersebut. 


Macros pada dasarnya mirip seperti perintah ., bedanya dengan 
perintah . kita hanya dapat mengulang satu perintah terakhir saja, se- 
dangkan dengan macros kita dapat mengulang sekumpulan urutan 
perintah. Tentu kamu dapat menggunakan macros pada contoh kasus 
yang lebih kreatif lagi ketimbang ini. 


External Command 


Vim memungkinkan kamu untuk menjalankan perintah-perintah atau 
program CLI yang biasa kamu jalankan di dalamshell, sep- 
ertimkdir, 1s, git, curl atau program CLI lainnya tanpa harus keluar 
Vim. 


Kamu dapat menggunakan tanda seru atau bang untuk menjalankan 
program CLI di dalam Vim. Misal, kamu ingin membuat folder ber- 
nama lib dengan perintahmkdir, kamu dapat menggunakan 
perintah :!mkdir lib. Ketika perintah selesai dieksekusi maka 
akan terminal akan menampilkan teks: 


Press ENTER or type command to continue 


Di Windows akan menampilkan jendela terminal baru. 
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Jendela terminal baru 


Tekan tombol ENTER akan membuatmu kembali ke Vim. Saat men- 
jalankan perintah tersebut, kamu akan menjalankan perintah atau 
program eksternal di dalam Vim. Kemudian Vim akan mengalihkan 
tampilan ke layar shell untuk menampilkan STDOUT dari perintah ter- 
sebut, di Windows akan membuka jendela terminal baru seperti di 
atas. 


Cara lain untuk menjalankan perintah eksternal di dalam Vim adalah 
menggunakan perintah :r. Pada dasarnya perintah :r adalah untuk 
membaca isi berkas. 


Sebagai contoh kamu memiliki berkas dengan nama welcome.js. 
Dengan perintah :r welcome.js, Vim akan membaca isi berkas terse- 


but dan menulisnya ke dalam buffer saat ini. 


Namun, apabila kamu menggunakan tanda seru atau bang sebagai ar- 
gumen perintah :r, maka Vim akan membaca STDOUT dari perintah 
eksternal ke dalam buffersaat ini. Misal, kamu ingin mengetahui 
daftar berkas di dalam folder saat ini menggunakan perintah :r !1s. 


Hasilnya adalah Vim akan menulis STDOUT dari perintah 1s ke da- 
lam buffer saat ini, kira-kira seperti ini: 


welcome.js 
helLo.js 
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filel.txt 
file2.py 


Tentu saja ini tergantung dari isi folder yang kamu miliki. 


Contoh lain, misal kamu ingin menjalankan cur1 di dalam Vim, seperti 
ini: 


ir Icurl -s 'https://jsonplaceholder.typicode.com/to- 
dos/1' 


Maka hasil dari curl tersebut akan ditulis ke dalam buffer saat ini: 


4 
"userId": 1, 
"id": 1, 
"title": "delectus aut autem", 
"compLeted": false 
5 


Kebalikan dari perintah :r, kita dapat menggunakan perintah :w un- 
tuk menjalankan perintah eksternal di dalam Vim. 


Sebelumnya kita mempelajari bahwa perintah :wini untuk menyim- 
pan buffer saat ini menjadi berkas. Namun, apabila kita menggunakan 
tanda seru atau bang sebagai argumen perintah :w, maka Vim akan 
mengambil isi dari buffersaat ini dan dijadikan sebagai STDIN 
perintah eksternal. 


Misal, buffer saat ini adalah kode JavaScript seperti ini: 
const userName - "Nauval": 


function welcome (name) “ 
return “Welcome, $4fnanme? ': 


y 


console.log (welcome (userName)): 
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Dan kamu ingin menjalankan kode JavaScript tersebut di dalam envi- 
ronment Node JS dengan program node. Kamu dapat menggunakan 
perintah :w !node. 


Vim akan memunculkan hasil seperti ini: 
Welcome, Nauval 
Press ENTER or type command to continue 
Baris pertama pada teks di atas adalah STDOUT dari perintah node . 


Ketiga cara di atas sama saja, karena pada dasarnya untuk 
menjalankan perintah eksternal di dalam Vim adalah menggunakan 
tanda seru atau bang, yang membedakan adalah bagaimana kita ingin 
membaca STDOUT atau menulis STDIN pada perintah eskternal 
tersebut. 


Command-line Mode 


Sejauh ini kita sudah belajar banyak hal pada Vim, mencari teks 
dengan perintah / atau ?, melihat daftar buffer dengan :1s, atau 
menyalakan fitur syntax pada Vim. Hal-hal tersebut termasuk ke da- 


lam mode command-line di Vim. 


Mode command-line juga termasuk ke dalam mode, sama seperti 
mode normal, mode insert, atau mode visual. Ketika kamu berada di 
mode ini, posisi kursor akan pindah ke bawah layar di mana kamu 
dapat menulis perintah-perintah Vim. 


Kamu dapat masuk ke mode ini pada saat menggunakan perintah pen- 
carian seperti ? atau /: tanda titik dua :: atau tanda seru !. Kamu 
dapat masuk ke mode ini hanya pada mode visual atau mode normal. 
Gunakan tombol ESC, CTRL-c, atauCTRL-| untuk keluar dari 
mode command-line. 


1 Hei 


Vim juga memungkinkan kamu untuk mengulang perintah terakhir 
yang dieksekusi di mode command-line. Misal, terakhir kamu men- 
jalankan perintah : 1s, kamu dapat menggunakan perintah @: untuk 
menjalankan perintah itu lagi, tanpa harus mengulang men- 
getik : 1s kembali. 


Selain itu, kamu juga dapat mengakses registers dan menggunakan au- 
tocomplete pada mode ini. Seandainya kamu sudah menyalin teks dan 
menaruhnya pada registers a, lalu kamu ingin mem-paste-nya di dalam 
mode command-line, kamu dapat menggunakan perintah CTRL-r a. 


Tombol kombinasi CTRL-a memungkinkan kamu untuk mengakses 
registers, sedangkan a adalah identifier dari registers yang ingin di- 
akses. Artinya, kamu dapat mengakses registers lain, misal the un- 
named registers atau registers bawaan, kamu dapat menggunakan 
perintah CTRL-r ". 


Sedangkan untuk menggunakan autocomplete di mode command-line, 
kamu cukup tekan tombol TAB di keyboard. Untuk melakukan auto- 
complete pada perintah colorscheme, kita dapat mengetik perintah col 
dan tekan TAB. Kamu akan memiliki dua opsi, karena terdapat dua 
perintah dengan awalan col: colder, dan colorscheme. 


Kamu dapat menggunakan tombol TAB atau tombol kombinasi CTRL- 
nuntuk mencari opsi berikutnya: juga dapat menggunakan SHIFT- 
TAB atau CTRL-p untuk mencari opsi sebelumnya. 


Terakhir, tekan tombol arah atas atau arah bawah pada mode com- 
mand-line untuk menjelajahi daftar riwayat perintah-perintah yang 
sebelumnya pernah digunakan. Untuk melihat daftar yang lebih jelas, 
gunakan perintah :his. 


Vim merekam 50 perintah terakhir, kamu dapat mengubah opsi ini 
dengan perintah : set history-100 untuk merekam 100 perintah ter- 
akhir. 
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Selain perintah : his, kamu juga dapat menggunakan perintah g: un- 
tuk membuka daftar riwayat perintah yang dapat dicari dan disunting 


di window yang terpisah. 


Pada window tersebut kamu dapat menggunakan perintah / atau ? un- 
tuk mencari perintah yang sebelumnya kamu gunakan. Gunakan :g 
untuk keluar dari window tersebut. 
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Neovim 


Kita sudah selesai membahas Vim dari awal hingga bagian terakhir. 
Pada bagian ini kita akan membahas Neovim dengan pendekatan yang 
pragmatis, karena sebelumnya kita sudah mempelajari Vim dengan 
pendekatan yang filosofis. Pada buku ini kita tidak akan membahas 
Neovim secara mendalam, karena saya tidak bertujuan untuk menulis 
ulang dokumentasi dari Neovim. 


Seperti yang sudah dijelaskan sebelumnya bahwa cara mengoperasi- 
kan Neovim sama seperti Vim, ini karena Neovim dirancang untuk 
menjadi fork dari Vim dengan tambahan fitur dan peningkatan, tapi 
dengan antarmuka dan perintah-perintah yang familiar. 


Namun perlu diingat bahwa mungkin terdapat fitur atau perintah 
yang berbeda di antara keduanya, karena Neovim menambah 
fungsionalitas yang tidak tersedia di Vim. Salah satu perbedaan signif- 
ikan dari keduanya adalah Neovim mendukung asynchronous plugin 
yang memungkinkan plugin berjalan di latar belakang tanpa mem- 
blokir proses editor utama. 


Selain itu, Neovim juga menambahkan fitur lain, seperti floating win- 
dow, dukungan LSP, debugger, dan terminal emulator secara bawaan. 


Neovim adalah sebuah editor teks open-source yang ditulis dalam 
bahasa pemrograman C dan dapat diperluas menggunakan bahasa 
scripting Vimscript atau bahasa lain yang dapat berinteraksi dengan 
API editor. Arsitektur yang lebih fleksibel yang memungkinkan 
pengguna untuk menyesuaikan dan memperluas editor dengan lebih 
mudah. Neovim populer di kalangan banyak pengguna Vim yang ingin 
memanfaatkan fitur dan peningkatan barunya, sambil tetap 
menggunakan antarmuka dan perintah-perintah Vim yang familiar. 


Pada dasarnya di bagian ini kita akan menjadikan Neovim sebagai IDE 
kita sehari-hari, tentu saja menulis konfigurasi Neovim dari awal 
untuk mencapai fitur-fitur seperti yang dimiliki VS Code akan sangat 
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melelahkan, untuk itu kita akan menggunakan layer IDE Neovim yang 
bernama AstroNvim. 


Hal-hal yang sudah kita pelajari di bagian sebelumnya sudahlah cukup 
sebagai modal untuk menggunakan Neovim sebagai IDE sehari-hari. 
Karena pada dasarnya kedua editor teks ini sama, hanya saja yang satu 
lebih modern - ada alasan awalan "neo" disematkan pada Neovim. 
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Memasang Neovim 


Setiap sistem operasi memiliki cara yang berbeda untuk memasang 
Neovim. Beruntungnya, bila kita pergi ke dokumentasi pemasangan 
Neovim di Github, kita dapat melihat langkah-langkah untuk me- 
masang Neovim untuk pelbagai sistem operasi yang berbeda. Di buku 
ini saya akan merangkumnya untuk 3 sistem operasi yang berbeda, 
yaitu macOS, Windows, dan Unix-like. 


Membuat langkah-langkah yang rinci untuk sistem operasi Unix-like 
seperti Linux akan terlalu luas jangkauannya, mengingat Linux mem- 
iliki banyak sekali distribusi yang berbeda-beda. Masing-masing dis- 
tro memliki package manager yang berbeda, sehingga akan membuat 
langkah-langkahnya pun berbeda dari yang lain. 


Di buku ini, saya hanya mencontohkan memasang Neovim pada dis- 
tribusi Ubuntu. Untuk distribusi yang lain seharusnya langkah- 
langkahnya tidak berbeda jauh. Untuk itu saya menyarankan untuk 
pergi ke halaman dokumentasi pemasangan Neovim" resmi untuk 
panduan lengkapnya. Bagi pengguna WSL dapat mengikut langkah- 
langkah yang sama seperti pengguna Ubuntu. 


Karena kita akan menggunakan konfigurasi AstroNvim, maka kita 
perlu memasang Neovim dengan versi setidaknya 0.8. 


macOS 


Kita dapat memasang Neovim melalui package manager Homebrew, 
pastikan package manager tersebut sudah terpasang. Jika belum, jan- 
gan sungkan untuk kembali membaca bagian awal buku ini tentang 
memasang Homebrew di macOS. 


1. Buka program Terminal 


14 "Memasang Neovim" https://github.com/neovim/neovim/wiki /Installing-Neo- 
vim 
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2. Gunakanperintah brew install neovim untuk memasang Ne- 
ovim melalui Homebrew, tunggu proses pemasangan hingga 
selesai 


local — -zsh — 76x21 


Installing mpv dependency: 
Pouring yt-d1p--2022.11.11.arm64 ventura.bottle.tar.gz 
/opt/homebrew/Cellar/yt-d1p/2022.11.11: 2,290 files, 25.6MB 
Installing 
Pouring mpv--0.35.@.arm64 ventura.bottle.tar.gz 
Caveats 
zsh completions have been installed to: 
/opt/homebrew/share/zsh/site-functions 
Summary 
Hb /opt/homebrew/Cellar/mpv/8.35.0: 32 files, 19.8MB 
Running “brew cleanup mpv'... 
Removing: /opt/homebrew/Cellar/mpv/0.34.1 2... (32 files, 19.8MB) 
Checking for dependents of upgraded formulae... 
Use python-tabulate instead of deprecated libpython-tabulate 
Use python-tabulate instead of deprecated libpython-tabulate 
No broken dependents found! 
Caveats 
mpv 
zsh completions have been installed to: 
/opt/homebrew/share/zsh/site-functions 
nauva10192 local « II 


Proses pemasangan Neovim selesai 


3. Verifikasi bahwa Neovim sudah terpasang dengan menjalan- 
kan perintah nvim --version. Perintah tersebut akan mence- 
tak versi Neovim yang terpasang 


Windows 


Neovim dapat dipasang melalui package manager bernama Scoop di 
Windows. Scoop memiliki peran yang sama seperti Homebrew atau 
package manager lainnya. Selain Scoop, Windows memiliki beberapa 
package manager lainnya seperti Winget atau Chocolatey. 


Memasang Scoop 


Berikut ini langkah-langkah untuk memasang Scoop di Windows me- 
lalui PowerShell. 


1. Buka program PowerShell dan jalankan perintah Set-Execu- 
tionPolicy RemoteSigned -Scope CurrentUser 


2. Pasang Scoop package manager melalui PowerShell 
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F3 Windows PowerShell x Pete 


Initializing... 
Downloading... 


Mengunduh dan memasang Scoop package manager 


Tunggu hingga selesai dan jika sudah selesai akan tampil sep- 
erti ini: 


#3 Windows PowerShell xl 


PS C:NUsersmhdnawvalazhar? irm get.scoop.sh | iex 
Initializing... 

Downloadiii 

Extracting... 

Creating shim... 

Adding “Nscooplshims to your path. 


Type 'scoop help' for instructions. 
PS C:Userslmhdnauvalazhar» 


Scoop berhasil dipasang 


Memasang Neovim 


Setelah Scool terpasang, kita dapat memasang Neovim dengan 
langkah-langkah berikut: 


1. Jalankan perintah scoop install neovim di dalam PowerShell 
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I Windows PowerShell X4 


mhdnauvalazh. op install neovim 
Installing 'neovim' (0.8.1) (cubit) from main bucket 
nvim-win64.zip (U2.3 MB) I» 


Mengunduh dan memasang Neovim 


2. Tunggu hingga selesai dan jika sudah selesai akan tampil sep- 
erti ini: 


(3 Windows PowerShell NN NN — 0 


PS C:Userslmhdnawvalazhi install neovim 

Installing 'neovim' (0.8 

nvim-win6U.zip (U2.3 MB) 

Checking hash of nvi 

Extracting nvim- 

Linking “NscoopNappsineovimcurrent -» -NscoopNapps1neovim10.8.1 
Creating shim for 'nvin'. 

Creating shim for 'nvim-gt'. 

Creating shortcut for Neovim (nvim-gt.exe) 


'neovim' suggests installing 'extras/vcredist2022'. 
PS C:Usersmhdnauvalazhar? | 


Berhasil memasang Neovim 


Seperti yang tertera pada pesan di dalam PowerShell bahwa Neovim 
menyarankan untuk kita memasang paket vcredist2022. Untuk itu kita 
akan memasangnya, namun kita perlu memasang Git terlebih dahulu 
agar dapat memasang paket tersebut. 


Memasang Git 


Kita memerlukan Git karena paket vcredist2022 berada dalam bucket 
yang berbeda, Scoop membutuhkan itu. 
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1. Jalankan perintah scoop install git pada PowerShell 


BI Windows PowerShell x ank 2 ek 


Ps Smhi nstall git 
Installing 'git' (2.38.1 IcubitJ from main bucke: 


Mengunduh dan memasang Git 


2. Apabila kamu mengalami error mengenai program 7-Zip pada 
saat mengekstrak paket, kamu dapat memasang program 7-Zip 
secara manual dengan pergi ke situs web resminya dan unduh 
sesuai dengan sistem operasi yang kamu gunakan 


7-Zip is a file archiver with a high compression ratio. 


Download 7-Zip 22.01 (2022-07-15) for Windows: 


Link Type Windows Size 
Download .exe 64-bit x64 1.5 MB 
Download .exe 32-bit x86 1.2 MB 
Download .exe 64-bit ARM64 1.5 MB 


Daftar versi program 7-Zip 


3. Pasangprogram tersebut seperti pada umumnya, dan catat ala- 
mat di mana program tersebut kamu pasang. Pada kasus saya 
lokasinya di C:NProgram Files/7-ZipN. Catat baik-baik ala- 
mat tersebut karena kita akan membutuhkannya nanti. 
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(gz| 7-Zip 22.01 (arm64) Setup xX 


Destination folder: 


CAProgram Files/7-ZipN 


Memasang program 7-Zip 


4. Jika sudah berhasil dipasang, berikutnya buka Edit the system 
environment variables melalui start menu 


Edit the system environment 
, 
| alan variables 


Control panel 


Mencari Edit the system environment variables di start menu 


5. Klik tombol Environment Variables... yang berada di bawah 
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System Properties xXx 
Computer Name Hardware Advanced System Protection Remote 


You must be logged on as an Administrator to make most of these changes. 


Performance 


Visual effects, processor scheduling, memory usage, and virtual 
memory 


Settings 


User Profiles 


Desktop settings related to your sign-in 
Settings... 


Startup and Recovery 


System startup, system failure, and debugging information 


Settings... 


Environment Variables... 


OK Cancel Apply 
Jendela System Properties 


6. Pilih Path dan klik tombol Edit 


Environment Variables xX 


User variables for mhdnawvalazhar 


Variable Value 


IPath CAUsers|mhdnawvalazharfscoopishims:CAUsers|mhdnawvalazh... 
TEMP CAUsersmhdnawvalazharMppDataNLocaN Temp 
TMP CAUsersmhdnawvalazharAppDataNLocaN Temp 


New... Delete 


Jendela Environment Variables 


7. Klik tombol New dan masukkan alamat program 7-Zip yang 
sebelumnya dipasang 
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10. 


Edit environment variable xXx 


CAUsers/mhdnawalazhanfscoopishims Nm | 
CAUsers/mhdnawalazharAppDataNLocal Microsoft WindowsApps 
CAProgram Files17-ZipN 


Edit 


Browse... 


Delete 


Jendela Edit environment variable 


Tutup dan buka kembali PowerShell, jalankan perintah scoop 
config use external 7zip true untuk memberitahu Scoop 
agar menggunakan program 7-Zip yang kita pasang secara 
mandiri 

Pasang kembali Git dengan perintah sebelumnya: scoop in- 
stall git 

Tunggu hingga proses ekstraksi selesai, bila sudah selesai akan 
seperti ini: 


EX Windows PowerShell x Ne 


PS C:NUserslmhdnawvalazhar» scoop config use external Jzip true 
'use external 7zip' has been set to 'true' 
PS C:NUsersmhdnawvalazhar? scoop install git 


Removing older versioi .1.windous.1). 


dows.1) (64bitJ from main bucket 
1-64-bit.7z.exe from cache 
Checking hash o: 
Extracting BK 
Linking NscoopNappsNgitNcurrent -» -NscoopNappslgit/2.38.1.windows.1 
Creating shim for 'sh'. 


Creating shim £ 


Creating shim £ 

Creating shim £ 

Creating shim for 

Creating shim for 

Creating shim for Li 

Creating shortcut for Git Bash (git-bash.exe) 
Creating shortcut for Git GUI (git-gui.exe) 


Set Git Credential Manager Core by running: "git config —-global credential.helper manager-core" 
PS C:NUserslmhdnauvalazhar» 


Berhasil memasang Git 


Memasang VC Redist 


Setelah Git terpasang, kita dapat menambah bucket extras untuk 
mendapatkan paket seperti vcredist2022. Berikut langkah- 
langkahnya: 
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1. Buka kembali PowerShell 
2. Jalankan perintah berikut scoop bucket add extras dan 
tunggu hingga selesai 


EX Windows PowerShell x Kena S5 Ia Xx 


PS C:NUsersmhdnauvalazhar» scoop bucket add extras 
Checking repo... OK 


PS C:NUsersmhdnawvalazhar» | 


Menambahkan bucket extras 


3. Jalankan perintah scoop “install vcredist2022 untuk 
mengunduh dan memasang paket vcredist2022 

4. Tunggu proses pemasangan hingga selesai, klik tombol Yes 
apabila muncul dialog User Account Control 


User Account Control 


Do you want to allow this app to make 
changes to your device? 


FF Microsoft Visual C4 4 2015-2022 
Redistributable (x64) - 14.34.31931 


Verified publisher: Microsoft Corporation 
File origin: Hard drive on this computer 


Show more details 


Dialog User Account Control 
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5. Bila muncul yanglainnya, lakukan hal yang sama hingga proses 
selesai seperti ini: 


EV Windows PowerShell x Ra Bg Xx 


PS C:Userslmhdnawvalazhar? scoop install vcredist2022 
Installing 'vcredist2022' (1 3 i r. 

VC redist.x6l.exe (24.3 MB) 

Checking hash of VC. rec 

VC redist.x86.exe (13.2 MB) 

Checking hash of VC.rec 

Linking “NscoopNapps1vcredist2022Ncurrent -» -NscoopNapps1vcredist2022114.34 
Running post-install script... 


You can now remove this installer with 'scoop uninstall vcredist2022' 
PS C:NUsers/mhdnauvalazhar» | 


Berhasil memasang paket vcredist2022 


Lakukan verifikasi pemasangan Neovim dengan perintah nvim --ver- 
sion, seharusnya akan menampilkan versi Neovim yang terpasang. 


EX Windows PowerShell x Men — Ia 


PS C:NUsersmhdnawvalazhar? nvim 
NVIM vO.8.1 

Build type: RelWithDebInfo 

LuaJIT 2.1.0-beta3 

Compiled by runneradmin@fv-az30-11 


Features: -acl #iconv #tui 
See ":help feature-compile" 


system vimrc file: "$VIMsysinit.vim" 
fall-back for $VIM: "C:/Program Files (x86)/nvim/share/nvim" 


Run :checkhealth for more info 
PS C:NUserslmhdnawvalazhar» If 


Memverifikasi pemasangan Neovim 


Untuk membuka program Neovim, kita dapat menggunakan perintah 
nvim. 
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NVIN vO.8.1 


Nvim is open source and freely distributable 
https://neovim.io/#chat 


type :help nvim if you are new! 
type :checkhealth: e to optimize Nvim 
type :g to exit 
type :helpsEnt for help 


Help poor children in Uganda! 
type :help icefcEn for information 


(No Name) 


Membuka program Neovim 


Sejauh ini kita sudah berhasil memasang Neovim di Windows. 
Unix-like 


Seperti yang sudah dijelaskan sebelumnya, saya hanya membuat 
langkah-langkah untuk Linux Ubuntu saja. Di Ubuntu, kita dapat me- 
masang Neovim melalui APT atau Snapcraft, di sini saya memilih 
menggunakan Snapcraft karena memiliki versi Neovim yang kita bu- 
tuhkan, yaitu versi 0.8. 


Berikut langkah-langkah memasang Neovim di Ubuntu: 


Snapcraft 


1. Buka program Terminal 
2. Jalankan perintah sudo snap install --beta nvim --clas- 
sic 
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APT 


A parallels@ubuntu-linux-20-04-desktop: - a 


1-$ sudo snap install --beta nvim --classic 
nvim v0.8.1 from neovim-snap (neovim-snap) installed 
Channel latest/beta for nvim is closed, temporarily forwarding to stable. 


:-$ 


Berhasil memasang Neovim melalui Snapcraft 


Verifikasi bahwa Neovim sudah terpasang dengan menjalan- 
kan perintah nvim --version. Perintah tersebut akan mence- 
tak versi Neovim yang terpasang 


Pastikan program Terminal terbuka 

Jalankan perintah sudo apt install software-properties- 
common 

Untuk menambahkan PPA Neovim, jalankan perintah sudo 
add-apt-repository ppa:neovim-ppa/stable 

Jalankan perintah sudo apt update untuk memperbarui infor- 
masi paket 

Sekarang kita dapat memasang Neovim melalui APT dengan 
perintah sudo apt install neovim 

Verifikasi bahwa Neovim sudah terpasang dengan menjalan- 
kan perintah nvim --version. Perintah tersebut akan mence- 
tak versi Neovim yang terpasang 
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Konfigurasi Neovim 


Sama seperti Vim, Neovim dapat dikonfigurasikan sesuai dengan pref- 
erensi dan kebutuhan kita sendiri. Selain Vimscript, Neovim memung- 
kinkan kita menulis konfigurasi dengan bahasa Lua, berkas konfigur- 
asi tersebut disimpan dalam folder «/ .config/nvim/init.lua di sis- 
tem operasi Unix atau  Unix-like dan  -/AppData/Lo- 
cal/nvim/init.lua di Windows. Namun, kita juga dapat menentukan 
lokasi berkas konfigurasi yang berbeda dengan mengatur variabel 
$XDG CONFIG HOME atau $NVIM CONFIG DIR. 


Sebelumnya kita sudah belajar menulis konfigurasi Vim dengan Vim- 
script, anggap saja kita memiliki konfigurasi Vim sebelumnya seperti 
ini: 

set nu 


set shiftwidth - 2 


Jika kita simpan berkas tersebut di dalam lokasi, misal, «/.con- 
fig/nvim/init.vim maka konfigurasi tersebut tetap akan terbaca 
dengan baik oleh Neovim. Konfigurasi yang sama dapat kita tulis 
dengan bahasa Lua, menjadi seperti ini: 


vim.opt.number - true: 
vim.opt.shiftwidth - 2: 


Ketimbang menggunakan ekstensi .vim kita dapat menggunakan ek- 
stensi .lua, karena kita menggunakan bahasa Lua untuk menulis kon- 
figurasi tersebut. 


Pada kasus nyata, umumnya kita akan menulis banyak opsi di dalam 
konfigurasi Neovim, untuk itu kita dapat mengorganisasikan penu- 
lisan opsi-opsi tersebut menggunakan table di dalam bahasa pem- 
rograman Lua, contohnya seperti ini: 


local options - 4 
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title - true, 

backup - false, 
cmdheight - 1, 
fileencoding - "utf-8", 
hLsearch - true, 


ignorecase - true, 
5 


Pada kode di atas, kita membuat sebuah variabel lokal bernama op- 
tions yang menampung data opsi-opsi yang hendak kita gunakan. 
Sampai sini, kita belum memberitahu Neovim untuk mengatur opsi- 
opsi tersebut. 


Berikutnya, kita dapat membuat perulangan dengan for untuk 
menentukan opsi Neovim secara dinamis berdasarkan data pada table 
sebelumnya, seperti ini: 


for Kk, v in pairs(options) do 
vim.optIkJ - v 
end 


Dengan seperti contoh di atas, penulisan opsi pada Neovim akan lebih 
terorganisasi dengan baik. Pada dasarnya, untuk mengatur opsi pada 
konfigurasi Neovim dengan bahasa Lua, kita dapat menggunakan sin- 
taksis vim.opt.nama opsi - nilai. 


Tentu saja untuk menulis konfigurasi agar Neovim kita dapat dijadi- 
kan IDE akan membutuhkan waktu yang lama. Hal yang bermanfaat 
apabila kita ingin mempelajari Neovim secara mendalam dan menulis 
semua konfigurasinya dari awal secara mandiri, namun prioritas buku 
ini untuk mengajak kamu menggunakan Neovim sebagai IDE, bukan 
menjadi seorang ahli Neovim. Sekali lagi, hidup terlalu pendek untuk 
menulis konfigurasi Neovim dari awal. 
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Untuk itu kita akan menggunakan AstroNvim untuk membantu kita 
menjadikan Neovim sebagai IDE! 
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AstroNvim 


AstroNvim adalah sebuah layer IDE untuk Neovim. Ia menyediakan 
lingkungan pengembangan yang lengkap dan mudah digunakan untuk 
Neovim tanpa perlu menulis konfigurasi dari awal. Ia juga menye- 
diakan berbagai fitur yang berguna untuk pengembangan, seperti syn- 
tax highlighting, code completion, dan masih banyak lagi. 


Selain itu, AstroNvim memiliki fitur navigasi yang memudahkan kita 
untuk menavigasi melalui proyek, seperti pencarian berkas dan 
fungsi, dan pergi ke definisi. Dengan AstroNvim, kita dapat memulai 
mengembangkan proyek kita dengan cepat dan mudah di Neovim. Ini 
menghemat waktu dan usaha yang dibutuhkan untuk mengkonfigur- 
asi Neovim sebagai IDE. 


AstroNvim menyediakan berbagai fitur untuk membantu kita dalam 
pengembangan proyek menggunakan Neovim. Beberapa fitur yang 
disediakan oleh AstroNvim adalah: 


e File explorer dengan Neo-tree: Ini adalah fitur file explorer yang 
menggunakan plugin Neo-tree untuk memudahkan kita me- 
navigasi melalui proyek kita. Ini memungkinkan kita untuk 
melihat struktur direktori, membuka berkas, dan melakukan 
aksi lainnya dengan mudah. 

e Autocompletion dengan CMP: Ini adalah fitur autocompletion 
yang menggunakan plugin CMP untuk memberikan saran kode 
saat kita mengetik. Ini membantu kita menulis kode dengan 
lebih cepat dan tepat. 

e Integrasi Git dengan Gitsigns: Ini adalah fitur integrasi dengan 
Git yang menggunakan plugin Gitsigns untuk menampilkan sta- 
tus dari berkas di proyek kita. Ini membantu kita memantau 
perubahan pada berkas dan melakukan aksi Git seperti meng- 
commit atau menge-stash dengan mudah. 

e Statusline dengan Heirline: Ini adalah fitur statusline yang 
menggunakan plugin Heirline untuk menampilkan informasi 
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tentang buffer yang sedang aktif, seperti nama berkas, mode 
editor, dan lainnya. Ini membantu kita memantau buffer yang 
sedang aktif dan melakukan aksi dengan lebih cepat. 

e Terminal dengan Toggleterm: Ini adalah fitur terminal yang 
menggunakan plugin Toggleterm untuk memungkinkan kita 
menjalankan perintah shell di dalam Neovim. Ini membantu 
kita mengeksekusi perintah tanpa perlu keluar dari Neovim. 

e Fuzzy finding dengan Telescope: Ini adalah fitur fuzzy finding 
yang menggunakan plugin Telescope untuk memudahkan kita 
menemukan berkas, fungsi, dan elemen lain di dalam proyek. 
Ini membantu kita menavigasi proyek dengan lebih cepat dan 
mudah. 

e Syntax highlighting dengan Treesitter: Ini adalah fitur syntax 
highlighting yang menggunakan plugin Treesitter untuk men- 
ampilkan kode dengan warna yang berbeda sesuai dengan tipe 
elemennya. 


AstroNvim bukan satu-satunya layer IDE yang tersedia untuk Neovim. 
Ada beberapa layer IDE lain yang tersedia untuk Neovim, seperti Lu- 
narVim, NvChad, dan masih banyak lagi. Masing-masing layer IDE ini 
menyediakan fitur yang berbeda-beda untuk membantu kita dalam 
pengembangan proyek di Neovim. 


Jadi, kita dapat memilih layer IDE yang sesuai dengan kebutuhan dan 
preferensi kita. AstroNvim merupakan salah satu pilihan yang baik 
untuk layer IDE, tetapi bukan satu-satunya pilihan yang ada. 


Awalnya saya memiliki dua kandidat yang akan digunakan pada buku 
ini, antara LunarVim dan AstroNvim. Pada akhirnya saya memilih As- 
troNvim karena ia memiliki proses pemasangan yang lebih sederhana 
dibanding yang lain yang pernah saya coba. Pada bagian berikutnya 
kita akan memulai pemasangan konfigurasi AstroNvim pada Neovim 
kita! 
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Memasang AstroNvim 


Pemasangan AstroNvim memerlukan beberapa syarat yang harus di- 
penuhi sebelum dapat menggunakannya. Syarat-syarat tersebut ada- 


lah: 


Nerd Fonts: AstroNvim membutuhkan font yang disebut Nerd 
Fonts untuk menampilkan icon pada statusline dan tombol nav- 
igasi. 

Neovim 0.8 (Tidak termasuk versi nightly): AstroNvim hanya 
dapat digunakan pada versi 0.8 dari Neovim. Jika kamu 
menggunakan versi yang lebih baru atau lebih lama dari Neo- 
vim, mungkin kamu tidak dapat menggunakan AstroNvim. 
Terminal dengan dukungan true color: AstroNvim memerlukan 
terminal yang mendukung true color untuk menampilkan 
warna yang tepat pada tema default. Jika kamu menggunakan 
tema lain, maka kebutuhan terhadap dukungan true color bisa 
bervariasi. 


Selain syarat-syarat tersebut, AstroNvim juga memiliki beberapa fitur 
opsional yang memerlukan ketergantungan tambahan untuk dapat 
digunakan. Syarat-syarat opsional tersebut adalah: 


ripgrep: Memungkinkan kita untuk melakukan pencarian teks 
secara real-time di proyek kita menggunakan tombol tombol 
navigasi yang disediakan oleh AstroNvim. 

lazygit: Memungkinkan kita untuk menampilkan antarmuka 
Git dalam terminal dan melakukan aksi Git seperti commit, 
push, dan lainnya dengan mudah. 

gdu: Memungkinkan kita untuk menampilkan penggunaan disk 
dalam terminal dan memantau kapasitas penyimpanan kita 
dengan mudah. 

bottom: Memungkinkan kita untuk menampilkan daftar proses 
yang sedang berjalan dalam terminal dan melakukan aksi sep- 
erti mengakhiri proses dengan mudah. 
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e Python: Memungkinkan kita untuk menampilkan interpreter 
Python dalam terminal dan mengeksekusi perintah Python 
secara interaktif. Ini berguna untuk menguji kode Python kita 
tanpa perlu keluar dari Neovim. 

e Node: Memungkinkan kita untuk menampilkan interpreter 
Node dalam terminal dan mengeksekusi perintah Node secara 
interaktif. Ini berguna untuk menguji kode Node kita tanpa 
perlu keluar dari Neovim. 


Dengan memenuhi syarat-syarat dan persyaratan opsional tersebut, 
kita dapat melakukan pemasangan AstroNvim dan mulai 
menggunakannya untuk membantu kita dalam pengembangan proyek 
di Neovim. 


Kendati opsional, tetapi pada bagian ini kita akan memasang se- 
luruhnya pada sistem operasi yang kita gunakan. Hal ini untuk 
mendapatkan fitur penuh dari AstroNvim dan meminimalisir error 
yang tidak terduga. 


AstroNvim bergantung pada beberapa plugin yang sudah disebutkan 
sebelumnya, sangat memungkinkan bila beberapa di antara ketergan- 
tungan tersebut membutuhkan syarat-syarat di atas. Misal plugin Ma- 
son.nvim yang digunakan oleh AstroNvim, plugin tersebut membutuh- 
kan package manager eksternal seperti Cargo atau NPM yang di mana 
alat tersebut tersedia pada Node. 


Seperti pada bagian-bagian pemasang sebelumnya, memasang alat- 
alat yang disyaratkan oleh AstroNvim pada sistem operasi yang ber- 
beda membutuhkan langkah-langkah yang sesuai. Untuk itu, pada 
buku ini hanya mencakup langkah-langkah untuk sistem operasi ma- 
cOS, Windows, dan Linux Ubuntu. 


Membuat langkah-langkah yang rinci untuk sistem operasi Unix-like 
seperti Linux akan terlalu luas jangkauannya, mengingat Linux mem- 
iliki banyak sekali distribusi yang berbeda-beda. Masing-masing dis- 
tro memliki package manager yang berbeda, sehingga akan membuat 
langkah-langkahnya pun berbeda dari yang lain. 
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Kamu dapat menggunakan langkah-langkah yang ada sebagai refer- 
ensi, karena secara garis besar seharusnya tidak jauh berbeda, hanya 
alat yang digunakan saja yang berbeda. 


macOS 


Pertama-tama, pastikan Git sudah terpasang. Pada dasarnya Git sudah 
terpasang pada saat kita memasang Xcode, jika tidak ada, kamu dapat 
memasangnya dengan perintah brew install git. Selain itu, kita 
perlu memasang beberapa ketergantungan yang lain dan memasang 
AstroNvim dengan langkah-langkah berikut: 


1. Pastikan program Terminal terbuka, dan jalankan perintah 
berikut untuk memasang semua ketergantungan sekaligus: 
brew install node python3 bottom gdu lazygit ripgrep 

2. Karena terminal emulator bawaan macOS tidak mendukung 
true color, kita perlu menggunakan alternatifnya seperti 
iTerm2 atau yang lain, seperti Alacritty. Pergi ke halaman rilis 
terbaru Alacritty (https://github.com/alacritty/alacritty/re- 
leases/latest) dan unduh paket yang sesuai dengan sistem 
operasi kamu, kemudian pasang seperti pada umumnya 


vAssets 3 


Daftar paket Alacritty 


3. Jika sudah, buka Alacritty dan unduh konfigurasi AstroNvim 
dari  GitHub menggunakan perintah git clone 
https://github.com/AstroNvim/AstroNvim “/.con- 
fig/nvim. Perintah tersebut akan mengunduh repository As- 
troNvim dan menaruhnya di «/config/nvim 

4. Jalankan perintah nvim #PackerSync untuk mulai memasang 
konfigurasi AstroNvim, tunggu hingga selesai 
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Memasang plugin-plugin ketergantungan 


Jika terdapat error, abaikan saja dahulu dan tunggu hingga si- 
sanya selesai terpasang, kita dapat memulai kembali proses 
pemasangan plugin-plugin yang tidak terpasang sebelumnya 
dengan perintah : PackerSync di dalam Neovim. 

Apabila semuanya sudah berhasil, kita dapat keluar dari Neo- 
vim dan membukanya lagi dengan perintah nvim. 
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Neovim dengan konfigurasi AstroNvim 


Sejauh ini kita sudah memasang konfigurasi AstroNvim, namun icon 
tidak muncul, ini dikarenakan font pada Gnome Terminal saat ini tidak 
dapat mengenalinya, untuk itu kita perlu memasang Nerd Fonts dan 
menggunakannya di terminal emulator tersebut. 


Memasang Nerd Fonts 


Kita membutuhkan Nerd Fonts untuk memunculkan glyph icon pada 
terminal emulator khususnya pada Neovim, karena AstroNvim 
menggunakan beberapa plugin yang di dalamnya menggunakan icon- 
icon yang dapat dibaca oleh Nerd Fonts. Bila kamu menggunakan WSL, 
kamu dapat mengikuti langkah-langkah pemasangan Nerd Fonts un- 
tuk sistem operasi Windows. 


Berikut langkah-langkah pemasangan Nerd Fonts di Ubuntu: 


1. Pergi ke situs web Nerd Fonts 
(https://www.nerdfonts.com/font-downloads) 

2. Katakanlah font favoritmu adalah JetBrainsMono, maka klik 
tombol Download untuk mengunduh font tersebut 
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(dJetBrainsMono Nerd Font 


abcdefghijklmnopgrstuvwxyz 
ABCDEFGHIJKLMNOPORSTUVIXYZ 


0008 iILL1 4J IL) g9accg —t— 


- Info: JetBrains officially created font for developers 


(2 Preview on ProgrammingFonts.org 


Mengunduh font JetBrainsMono 


3. Tunggu hingga proses unduhan selesai 


Downloads 


b JetBrainsMono.zip 


Proses unduhan font 


4. Setelah selesai, ekstrak paket .zip tersebut ke dalam sebuah 
folder 

5. Seleksi semua berkas font, klik kanan dan pilih Open With - 
Font Book 


etBrains Mono JetBrains Mono JetBrains| New Folder with Select 


egular...plete.ttf SemiBol...atible.ttf SemiBol...M  boldar 


er MEME Open 
(9 Font Book (default) Open With 


Other... Move to Trash 


etBrains Mono » 
pmiBol...Mono.ttf SemiBol...atible.ttf SemiBol...p Get Info 


Rename... 


aa A 


Menyeleksi semua berkas font 


6. Akan terbuka aplikasi Font Book, klik Install pada semua font 
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7. 


8 typefaces 


JetBrainsMono Nerd Font 


Regular 


ABCDEFGHIJKLMNOPORSTUV 
WXYZ 


abcdefghijklmnmopgrstuv 
WXYyZ 
- 1234567890 


Skip Install 


Apple Color Em Apple Symbo' 


Memasang semua font 


Atur Alacritty agar menggunakan font JetBrainsMono NF 
dengan cara buat berkas «/.alacritty.yml dengan konfigur- 
asi seperti ini: 


font: 
normaL: 
family: JetBrainsMono NF 
style: Regular 
size: 15 


Tutup Alacritty dan buka kembali, buka program Neovim 
dengan perintah nvim. Seharusnya icon sudah muncul dengan 
cantiknya 
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Alacritty 


Neovim dengan konfigurasi AstroNvim dan JetBrainsMono 


Windows 


Sebelumnya kita sudah memasang Scoop pada Windows untuk me- 
masang paket-paket ketergantungan yang kita butuhkan, berikutnya 
kita buth PowerShell 7 untuk memasang beberapa hal yang kita per- 
lukan kedepannya. 


Untuk memasang PowerShell 7, buka Microsoft Store, cari "Pow- 
erShell", dan klik Get 


MB Micosott Store powershell a 8 5 Eh es 
“powershell" F Hlters— 
RB 
s5 All departments Apps Games Movies TV Shows 
a 
5 PowerShell 
Batu Apps tools 585.0 KB of 7013 MB downl, 
Microse 
45K 105 (e| EVERYONE 
Averag Ratings sin Kelam kn 


PowerShell is a task-based command-line shell and seripting language built 
on .NET. PowerShell helps system administrators and power-users rapidly 
automate task that manage operating systems (Linux, macOS, and Windows 


Mencari dan memasang PowerShell 


161 


Tunggu hingga pemasangan selesai dan klik Open untuk membuka 
program tersebut. 


Sebelumnya sudah memasang Git, kita tidak perlu memasangnnya lagi 
saat memasang konfigurasi AstoNvim dan beberapa ketergan- 
tungannya. 


Berikut ini langkah-langkah untuk memasang konfigurasi AstroNvim 
dan ketergantungannya: 


1. Pastikan berada di dalam PowerShell 7 dan jalankan perintah 
berikut untuk memasang semua ketergantungan AstroNvim 


sekaligus: scoop install mingw nodejs python bottom gdu 
lazygit ripgrep 


PowerShell x TG 


Persisting bin 
Persisting cache 
Running post-install script... 


Installing 'python' (3.11.0) Carm6uJ from main bucket 
Loading python-3.1 .exe from cache 

Checking hash of Tau 

Running pre-install s 

Running installer script 

Linking -NscooplappsNpythonNcurrent -» -scoopNapps1python|3.11.0 
Creating shim for 'python3'. 

Creating shim for 'idle'. 

Creating shim for 'idle3'. 

Persisting Scripts 

Persisting LibNsite-packages 

Running post.install script... 


Allow applications and third-party installers to find python by running: 
"C: WserslmhdnawvalazharNscoopNappsNpythonicurrentlinstall-pep-514.reg" 
Installing 'ripgrep' (13.0.0) (64bitJ from main bucket 

Loading ripgrep-13.0.0-x86-64-pc-windows-msvc.zip from cache 

Checking hash of ri s5 
Extracting rip 225 

Linking “scoopNappsNripgrepNcurrent -» “scoopNappsiripgrepN13.0.0 
Creating shim for 'rg'. 


PS C:NUsersmhdnauvalazhar» | 


Memasang beberapa ketergantungan sekaligus melalui Scoop 


2. Unduh konfigurasi AstroNvim dari GitHub menggunakan 
perintah git clone https://github.com/AstroNvim/As- 
troNvim f$env:LOCALAPPDATANnvim. Perintah tersebut akan 


mengunduh repository AstroNvim dan menaruhnya di C: Us- 
ers Husername)MppDataNLocalinvim 
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PowerShell X4 


NUserslmhdnauvalazhar? git clone https://github.com/AstroNvim/AstroNvim Anvim 

Cloning into 'C:NUsersmhdnawvalazharMppDataNLocalinvim'... 

numerating objects: 6011, done. 

ounting objects: 1004 (41/41), done. 

ompressing objects: 1004 (2900/2009), done. 

otal 6011 (delta 284), reused 364 (delta 232), pack-reused 5570 
Receiving objects: 1004 (6011/6011), 1.76 MiB | 1.21 MiB/s, done. 
Resolving deltas: 100x (3859/3859), done. 
PS C:NUsers1mhdnauvalazhar» 


Unduh konfigurasi AstroNvim dengan Git 


3. Berikutnya buka program Neovim di dalam PowerShell dengan 
perintah nvim, seharusnya Neovim mulai memasang semua 
plugin-plugin yang digunakan oleh konfigurasi AstroNvim me- 
lalui package manager Packer 


PowerShell x Tenla 


oning into 
Cloning into ' 


famiuVbufi 

neovimMnvim- Cloning into 

nvim—lu e : Cloning into 

) nvim: led to install 


: Cloning into 'C: Wsersmhdnauvalazhar MppDataNLocalNnvim-dataNsiteNp 


Neovim memasang plugin-plugin melalui Packer 


4. Seandainya terdapat plugin yang gagal dipasang, abaikan saja 
dahulu, kita dapat mencoba memasangnya kembali beri- 
kutnya. Seharusnya proses pemasangan berjalan lancar, na- 
mun bila terdapat pesan error yang menunjukkan sebuah mod- 
ule tidak ditemukan, biarkan juga, karena kemungkinan plugin 
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atau module tersebut belum terpasang namun Neovim men- 
coba menjalankannya. Tekan tombol ENTER hingga pesan ter- 
sebut hilang 


AH powerShell Xia aU NAN 


Pesan error Neovim mengenai module tidak ditemukan 


Jika Neovim tidak lagi memasang plugin seperti sebelumnya, 
kita dapat keluar dari program Neovim dan membukannya lagi, 
gunakan perintah :g untuk keluar dari Neovim dan buka lagi 
dengan perintah nvim. Seharusnya Neovim sudah berhasil 
menggunakan konfigurasi dari AstroNvim 


ES powerShell x Hn Fe Fa a x 


Tampilan awal Neovim dengan konfigurasi AstroNvim 
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6. Kendati sudah terlihat bagus, namun proses pemasanganan be- 
lum selesai, jalankan kembali package manager agar me- 
masang plugin-plugin yang sebelumnya gagal terpasang, 
gunakan perintah : PackerSync untuk melakukannya 


BH PowerShell x Me 2 el 


Memasang kembali plugin-plugin yang belum terpasang 


7. Sama seperti sebelumnya, bila terdapat plugin yang gagal 
dipasang, kita dapat mengabaikannya terlebih dahulu hingga 
proses pemasangan plugin saat ini selesai, karena kita dapat 
mencoba lagi setelahnya. Bila proses pemasangan plugin tidak 
ada error, maka akan tampil seperti berikut: 


PowerSheli x an Tax 


Pemasangan plugin Neovim berhasil 


8. Gunakan perintah g untuk keluar dari floating window Packer 
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Sejauh ini kita sudah memasang konfigurasi AstroNvim, namun icon 
tidak muncul, ini dikarenakan font pada Gnome Terminal saat ini tidak 
dapat mengenalinya, untuk itu kita perlu memasang Nerd Fonts dan 
menggunakannya di terminal emulator tersebut. 


Memasang Nerd Fonts 


Kita membutuhkan Nerd Fonts untuk memunculkan glyph icon pada 
terminal emulator khususnya pada Neovim, karena AstroNvim 
menggunakan beberapa plugin yang di dalamnya menggunakan icon- 
icon yang dapat dibaca oleh Nerd Fonts. 


Langkah-langkah berikut ini juga berlaku untuk pengguna WSL, ka- 
rena bagaimanapun program terminal yang menjalankan WSL ber- 
jalan di dalam lingkungan Windows. 


Berikut langkah-langkah memasang Nerd Fonts di Windows: 


1. Pergi ke situs web Nerd Fonts 
(https://www.nerdfonts.com/font-downloads) 

2. Katakanlah font favoritmu adalah JetBrainsMono, maka klik 
tombol Download untuk mengunduh font tersebut 


(dJetBrainsMono Nerd Font 


abcdefghijklmnopgrstuvwxyz 
ABCDEFGHIJKLMNOPORSTUVUXYZ 
0008 iILL1 ir IL) g9gcGg —t— 


“ Info: JetBrains officially created font for developers 


& Download 


(2 Preview on ProgrammingFonts.org 


Mengunduh font JetBrainsMono 


3. Tunggu hingga proses unduhan selesai 
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Downloads Dp A -- & 


JetBrainsMono.zip 


2.5 MB/s - 35.2 MB of 73.4 MB, 15 secs left 


See more 


Proses unduhan font 


Setelah selesai, ekstrak paket .zip tersebut ke dalam sebuah 
folder 

Seleksi semua berkas font kecuali berkas readme.md, klik 
kanan, pilih Show more options dan pilih Install for all users 


la | JetBrains Mono NL ExtraBold Italic Nerd Font C...  9/7/2022 1:11 PM TrueType font file 
«| JetBrains Mono NL ExtraBold Italic Nerd Font C...  9/7/2022 111 PM TrueType font file 
Aa | JetBrains Mono NL ExtraBold Italic Nerd Font C...  9/7/2022 1:11 PM TrueType font file 
A | JetBrains Mono NL Regular Nerd Font Com Add to Favorites t file 
Install 
la | JetBrains Mono NL Regular Nerd Font Com tfile 
“ Install for all users 
» | JetBrains Mono NL Regular Nerd Font Com 7-Zip ?» file 
g Scan with Microsoft Defender... 
' | JetBrains Mono NL Regular Nerd Font Com tfile 


Open on Mac 


Memilih semua berkas font dan memasangnya 


Tunggu hingga proses pemasangan font selesai 


Irta —a an aae ne sana ara an anan rt 


Installing Fonts Xx 


Installing JetBrains Mono NL SemiBold Italic Nerd Font 


Proses pemasangan font 


Tutup program PowerShell bila sedang terbuka dan buka kem- 
bali, klik kanan pada bagian judul aplikasi PowerShell dan pilih 
Properties 
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EX CAProgram FilesWindowsApps/Microsoft.PowerShell 7.3.0.0 arm64 8wekvh3d8hhwelnwsh.exe 


PowerShell 7.3.0 
PS C:NWindowsNSystem32» Move 


Size 


Minimize 
Maximize 
Close 
Edit 
Defaults 


Properties 


Membuka jendela Properties PowerShell 


8. Cari JetBrainsMono Nerd Font Mono dan klik tombol OK 


- "CProgram FilesWindowsApps/Microsoft.PowerShell 7.3.0.... X 


Options Font Layout Colors Terminal 


Size Window Preview 


16 
ja 


18 
20 


24 
28 
36 
72 


Font 


t Cascadia Mono SemiLight TrueType fonts are 
t Consolas recommended for high DPI 


t Courier New displays as raster fonts may 


JetBrainsMono Nerd Font Mo 8 not display clearly. 


t JetBrainsMono NFM 


(“) Bold fonts 


Selected Font: JetBrainsMono Nerd Font Mono 
C: WINDOWS» dir Each character is: 
SYSTEM «DIR2 7 screen pixels wide 
SYSTEM32 «DIR» 16 screen pixels high 


Memilih JetBrainsMono Nerd Font Mono sebagai font PowerShell 


9. Buka kembali program Neovim, dan seharusnya sekarang icon 
sudah muncul di dalam Neovim 
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EX G)Program FilesNWindowsApps|Microsoft.PowerShell 7.3.0.0 arm64. 8wekyb3debbwelpwsh.exe 2 im Xx 


Neovim dengan icon dari Nerd Fonts 


10. Seandainya kamu menggunakan aplikasi Terminal di Win- 
dows, kamu dapat mengubah font pada pengaturan, klik tom- 
bol dengan icon chevron di samping tab, dan pilih Settings 


EX PowerShell Xx aa | 
PS C:“Users/mhdnauvalazhar Windows PowerShell  ctr 
Command Prompt Ctr 
Azure Cloud Shell Ctr 
Ubuntu Ctrl 


PowerShell Ctr 


Settings Ctrlt, 


Command Palette 


About 


Membuka jendela Settings aplikasi Terminal 


11. Pilih PowerShell di bagian sidebar, klik pengaturan Appearance 
yang berada di bawah 
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AM powershel X1 & settings x NG — Aa xXx 
2 PowerShell 
9 
g di of @ 
oa 
ED Actions 
Hide profile from dropdown 
f enabled, the profile not app t fi d dh ot @ 
Profiles profiles, while ings 
& Defaults 
Windows PowerShell Na 8 
Additional settings 
Command Prompt 
Appeai 
Azure Cloud Shell 
Uk Advanced 


u 
PowerShell W Delete profile 


Add a new profile 


Open JSON file Discard changes 


Tb Ora 
2 


8 


Memilih PowerShell dan menu Appearance 
12. Pilih JetBrainsMono NF pada pengaturan Font face 


PowerShell » Appearance 


Windows Terminal 
Copyright (c) Microsoft Corporati 


on Cascadia Code 


Cascadia Mono 


C: Windows/Terminal» 


Consolas 


Courier New 


Text | JetBrainsMono NF 


Color scheme JetBrainsMono NFM 
Name of the color scheme to use 
JetBrainsMono Nerd Font 
Font face 5 JetBrainsMono Nerd Font Mono 


Name of the font face used in the profile | 


JetBrainsMonoNL NF 


Font size JetBrainsMonoNL NFM 


Memilih JetBrainsMono NF pada pengaturan Font face 


13. Klik tombol Save untuk menyimpannya, kembali ke tab Pow- 
erShell dan buka program Neovim dengan perintah nvim. Seha- 
rusnya icon sudah muncul dengan cantiknya 
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Neovim dengan icon di dalam PowerShell Terminal 


Sekarang semua icon di dalam Neovim seharusnya muncul. Nerd 
Fonts tidak hanya untuk Neovim, juga untuk program Terminal secara 
menyeluruh, kita mungkin menggunakan tool CLI yang menampilkan 
icon dari Nerd Font, maka tidak perlu khawatir lagi, icon tersebut 
seharusnya akan muncul. 


Unix-like 


Seperti yang sudah dijelaskan sebelumnya, saya hanya membuat 
langkah-langkah untuk Linux Ubuntu saja. Untuk sistem operasi atau 
distribusi Linux jenis lain, dapat mengikuti langkah-langkah berikut 
sebagai referensi namun dengan caranya masing-masing. 


Berikut memasang AstroNvim di Ubuntu: 


1. Pastikan program Terminal terbuka 
2. Jalankan perintah sudo apt install git untuk memasang Git 
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A parallels@ubuntu-linux-20-04-desktop: - a 


Get:1 http://ports.ubuntu.com/ubuntu-ports focal/main arm64 liberror-perl all 0. 
17029-1 (26.5 kB) 

Get:2 http://ports.ubuntu.com/ubuntu-ports focal-updates/main arm64 git-man all 
1:2.25.1-1ubuntu3.6 (887 kB) 

Get:3 http://ports.ubuntu.com/ubuntu-ports focal-updates/main arm64 git arm64 1: 
2.25.1-1ubuntu3.6 (4,338 kB) 

Fetched 5,251 kB in 8s (693 kB/s) 

Selecting previously unselected package liberror-perl. 

(Reading database ... 143393 files and directories currently installed.) 
Preparing to unpack .../liberror-perl 0.17029-1 all.deb ... 

Unpacking liberror-perl (0.17029-1) ... 

Selecting previously unselected package git-man. 

Preparing to unpack .../git-man 143a2.25.1-1ubuntu3.6 all.deb ... 

Unpacking git-man (1:2.25.1-1ubuntu3.6) ... 

Selecting previously unselected package git. 

Preparing to unpack .../git 1x3a2.25.1-1ubuntu3.6 arm64.deb ... 

Unpacking git (1:2.25.1-1ubuntu3.6) ... 

Setting up liberror-perl (0.17029-1) 

Setting up git-man (1:2.25.1-1ubuntu3 

Setting up git (1:2.25.1-1ubuntu3.6) .. 

Processing triggers for man-db (2.9.1-1) ... 


:-s I 


Memasang Git dengan APT 


3. Setelah selesai, kita dapat memasang FNM (tool untuk mengel- 
ola versi Node JS) untuk memasang Node JS, pergi ke halaman 
rilis FNM (https://github.com/Schniz/fnm/releases) untuk 
mengunduh paket FNM yang sesuai dengan sistem operasi 
kamu 


Daftar paket FNM 


4. Ekstrak pakettersebut denganperintah unzip fnm-arm64.zip, 
sesuaikan argumen nama berkas sesuai dengan nama paket 
yang diunduh, dalam hal ini saya mengunduh paket FNM untuk 
arsitektur arm64, maka nama berkasnya adalah fnm-arm64 


5. Berikan mode execution untuk program FNM dengan perintah 
chmod u4tx fnm 
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6. Pindahkan program FNM agar dapat diakses secara global 
dengan perintah sudo mv fnm /usr/bin/fnm 

7. Kita sudah dapat menggunakan FNM, tapi belum selesai proses 
pemasangannya, kita perlu menjalankan perintah fnm env 

8. Perintah tersebut akan mencetak kode yang perlu kita taruh di 
dalam -/ .bashrc 


parallels@ubuntu-linux-20-04-desktop: - 


:-$ fnm env 
export PATH-"/run/user/1000/fnm. multishe11s/34294 1670003489572/bin" : $PATH 
export FNM. VERSION. FILE. STRATEGY-" local" 
export FNM LOGLEVEL-"info" 
export FNM MULTISHELL. PATH-"/run/user/1000/fnm. multishel1s/34294 1670003489572" 
export FNM. NODE. DIST. MIRROR-"https://nodejs.org/dist" 
export FNM. ARCH-"arm64" 
export Ba ea 
1$ 


Hasil perintah fnm env 


9. Tambahkan ke baris terakhir berkas «/.bashrc dan jalankan 
perintah source “/.bashrc 


10. Sekarang kita dapat memasang Node JS melalui FNM dengan 
menggunakan perintah fnm install v18 

11. Tunggu hingga selesai dan gunakan perintah fnm use v18 un- 
tuk menggunakan versi Node tersebut 


12. Berikutnya kita dapat memasang Python dengan perintah sudo 
apt install python3.8 
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A parallels@ubuntu-linux-20-04-desktop: - a 


Preparing to unpack .../libpython3.8-stdlib 3.8.10-0ubuntu1-20.04.5 arm64.deb .. 


Unpacking Libpython3.8-stdlib:arm64 (3.8.10-0ubuntu1-20.04.5) over (3.8.10-0ubun 
tu1-20.04.2) ... 

- Preparing to unpack .../python3.8-minimal 3.8.10-0ubuntu1-20.04.5 arm64.deb ... 
Unpacking python3.8-minimal (3.8.10-0ubuntu1-20.04.5) over (3.8.10-0ubuntu1-20.0 
4.2) 

Preparing to unpack .../libpython3.8-minimal 3.8.10-0ubuntu1-20.04.5 arm64.deb . 


Unpacking Libpython3.8-minimal:arm64 (3.8.10-0ubuntu1-20.04.5) over (3.8.10-0ubu 
ntu1-20.04.2) ... 
Setting up Libpython3.8-minimal:arm64 (3.8.10-0ubuntu1-20.04.5) ... 
Setting up python3.8-minimal (3.8.10-@ubuntu1-20.04.5) - 
Setting up libpython3.8-stdlib:arm64 (3.8.10-0ubuntu1-20.04.5) ... 
Setting up python3.8 (3.8.10-0ubuntu1-20.04.5) ... 
Setting up libpython3.8:arm64 (3.8.10-0ubuntu1-20.04.5) ... 
Processing triggers for mime-support (3.64ubuntu1) ... 
Processing triggers for gnome-menus (3.36.0-1ubuntu1) ... 
Processing triggers for libc-bin (2.31-0ubuntu9.2) ... 
Processing triggers for man-db (2.9.1-1) ... 
Processing triggers for desktop-file-utils (0.24-1ubuntu3) ... 

1-$ 


Memasang Python melalui APT 


13. Ketergantungan berikutnya yang perlu dipasang adalah GDU, 
pergi ke halaman rilis GDU (https://github.com/dun- 
dee/gdu/releases) dan unduh paket yang sesuai dengan sistem 
operasi kamu, dalam hal ini saya mengunduh paket 
gduJlinux arm6b4.tgz 


yAssets 36 


Dgdu-5.20.0-1.aarch64.rpm 
@gdu-5.20.0-1.src.rpm 
Wagdu-5.20.0-1.x86 64.rpm 
Bgdu-5.20.0.t92 
Vgdu.d.tgz 

Dgdu android. arm64.t9z 
Ygdu darwin amd64.tgz 
Bagdu darwin. arm64.tgz 
adu freebsd. 386.t9z 
Dgdu freebsd amd64.tgz 


Padu freebsd arm.tgz 


Dgdu linux 386.t9z 


Pgdu linux amd64.tgz 
Dgdu linux amd64 static.tgz 


Yadu linux arm.tgz 


Dgdu linux arm64.tgz 


Daftar paket GDU 


14. Ekstrak paket tersebut dengan perintah: 
tar -xf gdu linux arm64.tgz 
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15. Berikan mode execution untuk program GDU dengan perintah: 
chmod utx gdu linux arm€64 

16. Agar GDU dapat diakses secara global, gunakan perintah sudo 
mv gdu linux arm64 /usr/bin/gdu 

17. Berikutnya adalah Lazygit, pergi ke halaman rilis Lazygit 
(https://github.com/jesseduffield/lazygit/releases) dan unduh 
paket yang sesuai dengan sistem operasi kamu, dalam hal ini 
saya mengunduh paket lazygit 0.36.0 Linux arm64.tar.gz 


yAssets “7 


Daftar paket Lazygit 


18. Ekstrak paket tersebut dengan perintah: 
tar -xf lazygit 0.36.@ Linux arm64.tar.gz 

19. Berikan mode execution dengan perintah chmod utx lazygit 

20. Agar Lazygit dapat diakses secara global, gunakan perintah 
sudo mv lazygit /usr/bin/lazygit 

21. Berikutnya adalah Bottom, untuk memasang Bottom kita dapat 
menggunakan Snapcraft untuk memasangnya dengan perintah 
sudo snap install bottom 
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A parallels@ubuntu-linux-20-04-desktop: - OA 


parallelsgubuntu-linux-20-04-de op:-$ sudo snap install bottom 
bottom 0.6.8 from James Tigert (kz6fittycent) installed 
parallelsgubuntu-linux-20-04-desktop:-$ 


Memasang Bottom melalui Snapcraft 


22. Terakhir adalah Ripgrep, kita dapat memasang Ripgrep me- 
lalui APT dengan perintah sudo apt install ripgrep 


A parallels@ubuntu-linux-20-04-desktop: - — A 


parallelsgubuntu-linux- op:-$ sudo apt install ripgrep 
Reading package lists... 
Building dependency tree 
Reading state information... Done 
The following NEW packages will be installed: 

ripgrep 
O upgraded, 1 newly installed, 0 to remove and 354 not upgraded. 
Need to get 1,003 kB of archives. 
After this operation, 3,703 kB of additional disk space will be used. 
Get:1 http://ports.ubuntu.com/ubuntu-ports focal-updates/universe arm64 ripgrep 
arm64 11.0.2-1ubuntud.1 (1,003 kB) 
Fetched 1,003 kB in 4s (237 kB/s) 
Selecting previously unselected package ripgrep. 
(Reading database ... 144334 files and directories currently installed.) 
Preparing to unpack .../ripgrep 11.0.2-1ubuntud.1 arm64.deb ... 
Unpacking ripgrep (11.0.2-1ubuntu@.1) ... 
Setting up ripgrep (11.0.2-1ubuntu@.1) ... 
Processing triggers for man-db (2.9.1-1) ... 
parallelsgubuntu-linux- 4-d op:-$ rg 
error: The following reguired arguments were not provided: 

SPATTERN2 


USAGE: 


Memasang Ripgrep melalui APT 


23. Setelah semua ketergantungan dipasang, saatnya memasang 
konfigurasi AstroNvim dengan Git menggunakan perintah git 
clone https://github.com/AstroNvim/AstroNvim -/.con- 
fig/nvim 
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Aa parallels@ubuntu-linux-20-04-desktop: - OA 


parallelsgubuntu nux- 4-desktop:-$ git clone https://github.com/AstroNvim/A 
stroNvim -/.config/nv 
into '/home/parallels/.config/nvim'... 
1: Enumerating objects: 6027, done. 
: Counting objects: 100x (457/457), done. 
: Compressing objects: 100x (198/198), done. 
Total 6027 (delta 296), reused 389 (delta 249), pack-reused 5570 
g objects: 100x (6027/6027), 1.76 MiB | 2.21 MiB/s, done. 
Resolving deltas: 100x (3871/3871), done. 


parallelsgubuntu-linux-20-04-desktop:-S$ 


Mengunduh konfigurasi AstroNvim dengan Git 


24. Setelah selesai mengunduh konfigurasi AstroNvim, buka pro- 
gram Neovim dengan perintah nvim. Saat terbuka, Neovim 
akan mulai menjalankan Packer untuk memasang semua 
ketergantungan plugin-plugin yang digunakan oleh konfigurasi 
AstroNvim 


parallels@ubuntu-linux-20-04-desktop: - 


r.nvim - syncin 


1 installed 


Proses pemasangan plugin-plugin 


25. Tunggu prosesnya hingga selesai 
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Proses pemasangan sudah selesai 


26. Jika terdapat error, abaikan saja dahulu dan tunggu hingga si- 
sanya selesai terpasang, kita dapat memulai kembali proses 
pemasangan plugin-plugin yang tidak terpasang sebelumnya 
dengan perintah :PackerSync di dalam Neovim 

27. Apabila semuanya sudah berhasil, kita dapat keluar dari Neo- 
vim dan membukanya lagi dengan perintah nvim 


parallels@ubuntu-linux-20-04-desktop: - 


Neovim dengan konfigurasi AstroNvim 
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Sejauh ini kita sudah memasang konfigurasi AstroNvim, namun icon 
tidak muncul, ini dikarenakan font pada Gnome Terminal saat ini tidak 
dapat mengenalinya, untuk itu kita perlu memasang Nerd Fonts dan 
menggunakannya di terminal emulator tersebut. 


Memasang Nerd Fonts 


Kita membutuhkan Nerd Fonts untuk memunculkan glyph icon pada 
terminal emulator khususnya pada Neovim, karena AstroNvim 
menggunakan beberapa plugin yang di dalamnya menggunakan icon- 
icon yang dapat dibaca oleh Nerd Fonts. Bila kamu menggunakan WSL, 
kamu dapat mengikuti langkah-langkah pemasangan Nerd Fonts un- 
tuk sistem operasi Windows. 


Berikut langkah-langkah pemasangan Nerd Fonts di Ubuntu: 


1. Pergi ke situs web Nerd Fonts 
(https://www.nerdfonts.com/font-downloads) 

2. Katakanlah font favoritmu adalah JetBrainsMono, maka klik 
tombol Download untuk mengunduh font tersebut 


(dJetBrainsMono Nerd Font 


abcdefghijklmnopgrstuvwxyz 
ABCDEFGHIJKLMNOPORSTUVWXYZ 


0008 iILL1 4J TJ g9gaccg —t— 


- Info: JetBrains officially created font for developers 


(2 Preview on ProgrammingFonts.org 


Mengunduh font JetBrainsMono 


3. Tunggu hingga proses unduhan selesai 


J JetBrainsMono.zip 


22s left — 21.5 of 73.4 MB (1.9 MB/sec) 


Show all downloads 
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Proses unduhan font 


4. Berikutnya ekstrak paket font tersebut ke dalam sebuah folder, 
misal JetBrains Mono 


Extraction completed successfully 


Show the Files 


Berhasil mengekstrak paket font 


5. Untuk memasang semua font tersebut, kita dapat 
menggunakan perintah sudo mv JetBrains/ Mono/ /usr/1o- 
cal/share/fonts/ 


6. Atur Gnome Terminal agar menggunakan font JetBrainsMono 
dengan cara klik icon bar pada bagian atas terminal, lalu pilih 
Preferences 
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parallels@ubuntu-linux-20-04-desktop: - 


:$ DJ 


New Window 
Full Screen 
Read-Only 
Advanced 
Preferences 
Help 

About 


Menu Bar terminal 


Klik pada profile di sebelah kiri, misal nama profile-nya adalah 
Unamed, lalu ceklis pada Custom font dan pilih Jet- 
BrainsMonoNL NFM Regular 


Help Preferences - Profile “Unnamed” 


Global Text Colors Scrollinc Command 


Text Appearance 
General 


Initial terminal size: — 4 column 24 


-- rows 


Shortcuts MX. Custom font: JetBrainsMonoNL NFM Regular 


Profiles ag Cell spacing: 1.00 4 xwidth 1.00 4 x height 


(umanea @ - | Allow blinking text: Always 


Cursor 


Cursor shape: Block 


Cursor blinking: Default 


Sound 
9 Terminal bell 


Profile ID: b1dcc9dd-5262-4d8d-a863-c897e6d979b9 


Memilih font JetBrainsMono 
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8. Setelah itu buka kembali program Neovim dengan perintah 
nvim, seharusnya icon sudah muncul dengan cantiknya 


parallels@ubuntu-linux-20-04-desktop: - 


Neovim dengan icon 
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Penggunaan 


Pada bagian ini, kita akan membahas tentang penggunaan AstroNvim 
sebagai layer IDE. AstroNvim merupakan sebuah layer yang dapat dit- 
ambahkan pada editor teks Neovim untuk meningkatkan fitur dan 
fungsi IDE-nya. 


Untuk memulai, kita dapat menggunakan kombinasi keyboard atau 
perintah tertentu untuk mengakses fitur-fitur dasar AstroNvim. Misal- 
nya, untuk membuka terminal, kita dapat menekan tombol F7. Selain 
itu, kita juga dapat menggunakan tombol SPASI-e untuk membuka file 
explorer. 


AstroNvim juga menyediakan default mappings yang lainnya. Misal, 
kita dapat menggunakan perintah jj sebagai pengganti tombol Es- 
CAPE atau perintah SPASI-ff untuk mencari berkas di dalam proyek 
saat ini menggunakan plugin Telescope. 


Selain itu, AstroNvim juga menyediakan konfigurasi yang dapat kita 
kustomisasi sesuai dengan kebutuhan. Kita dapat mengubah konfig- 
urasi seperti mengubah tema, mengubah konfigurasi plugin bawaan, 
dan lain-lain. Kita juga dapat mengelola LSP, debugger, formatter, dan 
linter agar sesuai dengan kebutuhan kita, pengelolaan ini dibantu 
dengan plugin bernama Mason. 


Untuk meningkatkan AstroNvim, kita dapat memasang plugin tamba- 
han yang tersedia di internet. Ini akan membantu kita dalam mening- 
katkan fitur dan kemampuan Neovim dalam menunjang proses 
pengembangan. Dengan menggunakan AstroNvim sebagai layer IDE, 
kita dapat mempermudah dan meningkatkan proses pengembangan 
kita. 


Antarmuka 


Sebelum mengoperasikan Neovim dengan konfigurasi AstroNvim, kita 
akan membahas hal yang paling mendasar terlebih dahulu, yaitu 
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antarmuka bagian awal ketika membuka Neovim dengan konfigurasi 


AstroNvim. 


Tampilan awal Neovim 


AstroNvim menggunakan plugin Alpha untuk menampilkan halaman 
dashboard atau welcome screen pada awal kita membuka Neovim. 
Tanpa plugin tersebut, umumnya Neovim hanya menampilkan tampi- 
lan awal bawaan Neovim saja. 


Beralih pada tampilan yang lain, kita dapat membuat sebuah buffer 
baru di dalam Neovim dan akan memiliki tampilan seperti berikut: 


.. 
init.lua x 


Hocat impatient ok, impatient 
if impatient ok then impatient. 


for ., source in t 


y do 


local status ok, fault (regvire, 


if not status ok then vim.api 
end 


astronvim. (astronvim 
if vim.fn 1 or vim. 


vim. (function() astronvim 
end 


p main lua 


Alacritty 


(reguire, 


O end 


source) 
source 


( ish", nil, false)) 


O.prerelease then 


fault) end 
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Tampilan pada saat membuka buffer 


Pada bagian paling atas Neovim terdapat bufferline. AstroNvim 
menggunakan plugin Bufferline untuk menampilkan daftar buffer 
pada bufferline. Jika kita menampilkan banyak buffer, maka semuanya 
akan terlihat pada bufferline tersebut. Ini akan memudahkan kita da- 
lam beralih dari satu buffer ke buffer yang lain. 


Di bagian paling bawah terdapat statusline, pada statusline terdapat 
banyak informasi mengenai mode yang sedang aktif, branch Git, infor- 
masi berkas, hingga informasi navigasi. AstroNvim menggunakan 
plugin Heirline untuk menampilkan statusline dengan cantik. Secara 
teknikal, masing-masing informasi tersebut diwakili oleh sebuah 
komponen, misal informasi Git dapat ditampilkan melalui komponen 
Git. Ini yang membuat Heirline menjadi modular. 


Sayangnya, konfigurasi bawaan AstroNvim tidak menampilkan teks 
mode, sehingga akan kesulitan untuk mengetahui mode yang sedang 
aktif. Kita akan mengubah konfigurasi ini di bagian berikutnya. 


Panduan Dasar 


Terdapat beberapa perintah dasar yang tersedia pada AstroNvim un- 
tuk kita menggunakan fitur-fitur dasar di dalanya, seperti membuka 
file explorer, beralih buffer, mencari berkas, dan masih banyak lagi. 


Kita dapat membuka file explorer dengan menggunakan perintah 
SPASI-e. 
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init.lua x 


m File 
"/.config/nvim Local impatient ok, impatient (regvire, 
if impatient ok then impatient O eng 


AR LICENSE for ., source in 4 


y do 

local status ok, fault (reguire, source) 

if not status ok then vim.api ("Fai source 
end 


astronvim (astronvim ( , Nil, false)) 
if vim.fn. 1 or vim O.prerelease then 


vim. (function() astronvim 
end 


Membuka file explorer 


Kita juga dapat membuka terminal dengan menekan tombol F7. 


.. Alacritty 
init. va x 
m File 
-/.config/nvim Local impatient ok, impatient (reguire, 
if impatient ok then impatient. O end 


toggLeterm @ 1:19 Top IN 


Membuka terminal emulator di dalam Neovim 


Kita dapat mengomentari satu atau beberapa baris dengan 
menggunakan perintah SPASI-/. 
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Mm File 
-/.config/nvim 


Mlacritty 
init.lua 


local impatient ok, impatient (regvire 
if impatient ok then impatient () end 


for —, source in 1 


y do 

Local status ok, fault (reguire, source) 

if not status ok then vim.api ( ed , source 
end 


astronvim (astronvim ( nil, false)) 


if vim.fn v | 1 or vim O.prerelease then 
vim. (function() astronvim. e 
end 


X 


Memberikan komentar pada beberapa baris kode sekaligus 


Untuk melihat diagnosa baris, gunakan perintah gl. Kita dapat 
mengakses dokumentasi dengan perintah K. Untuk pergi ke definisi, 
gunakan perintah gd. Kita dapat menggunakan perintah SPASI-l1a un- 
tuk membuka code action. 


Mm File 
-/-.config/nvim 


Alacritty 
init.lua . Local(8) x 


local impatient ok, impatient (regvire, "ii i 
if impatient ok then impatient 0 ena 


for ., BAN in :! 


y do 
Local status ok, fault (regvire, HINO) 


LI 


local - Postfix L ail delivery 


SYNOPSIS 
Local (generic Postfix dae 


DESCRIPTION 


Mengakses dokumentasi dari bagian kode 


Untuk menemukan berkas, gunakan perintah SPASI-ff. Untuk grep 
berkas, gunakan perintah SPASI-fw. Untuk mendapatkan status Git, 
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gunakan perintah SPASI-gt. Untuk menemukan berkas lama, gunakan 
perintah SPASI-fo. 


.. Alacritty 
init.1ua 


Im File 
“/.config/nvim local impatient ok, impatient (regvire 
if impatient ok then impatient. O end 


A LICE 


1:5 Top. 


Menemukan berkas 


Kita dapat menggunakan plugin which key untuk mendapatkan menu 
dari beberapa binding perintah yang berguna dengan menekan tom- 
bol SPASI. 


.. Alacritty 
init.lua 
Mm File 
"/.config/nvim Local impatient.ok, impatient (reguire 
if impatient ok then impatient O eng 


tor ., KIMSI in t 


y do 
local status ok, fault (reguire, KING) 
if not status ok then vim.api. ( 
end 


astronvim. (astronvim. F , Nil, false)) 


p main 


Menampilkan keybinding 


Kita dapat menavigasi buffer dengan perintah Huntuk beralih ke buffer 
kiri atau L untuk beralih ke buffer kanan. Untuk menavigasi window, 
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gunakan CTRL-h untuk beralih ke window kiri, CTRL-1 untuk beralih 
ke window kanan, CTRL-k untuk beralih ke window atas, dan CTRL-j 
untuk beralih ke window bawah. Untuk menutup buffer saat ini, 
gunakan perintah SPASI-c. 


Kita dapat mengubah ukuran buffer dengan menekan CTRL ditambah 
tombol panah ke arah yang diinginkan (kiri, kanan, atas, bawah). 


Selain perintah-perintah di atas, AstroNvim dibekali dengan 
pemetaan bawaan atau default mapping yang dapat kita gunakan un- 
tuk melakukan aksi-aksi tertentu. Pemetaan tersebut dibagi menjadi 
beberapa kategori, di antaranya: 


Umum 


Berikut adalah pemetaan untuk kategori umum yang di mana 
pemetaan atau perintah-perintah tersebut yang biasa digunakan hal- 
hal yang umum dilakukan, seperti kembali ke mode normal, beralih 
buffer, memberi komentar dan yang lainnya: 


e Tombol leader: SPASI 

e Tombolescape: jj, jk 

e# Memperbesar window: CTRL-Atas 

e Memperkecil window: CTRL-Bawah 

e Memperkecil window ke kiri: CTRL-Kiri 

e Memperbesar window ke kanan: CTRL-Kanan 

e Memindahkan kursor ke window atas: CTRL-k 

e Memindahkan kursor ke window bawah: CTRL-j 
e Memindahkan kursor ke window kiri: CTRL-h 

e Memindahkan kursor ke window kanan: CTRL-1 
e Menyimpan secara paksa: CTRL-s 

e Keluar secara paksa: CTRL-g 

e Membuat berkas baru: SPASI-fn 

e Menutup buffer: SPASI-c 

e Buffer selanjutnya: SHIFT-1 
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e Buffer sebelumnya: SHIFT-h 
e Komentar: SPASI-/ 


Tombol leader merupakan tombol yang digunakan sebagai tombol 
kombinasi dengan tombol lainnya untuk mengakses fitur-fitur yang 
tersedia, seperti perintah SPASI-e untuk membuka file explorer, di 
mana SPASI merupakan tombol leader sebagai tombol kombinasi 
tombol e. 


Bufferline 


Perintah-perintah berikut digunakan untuk mengakses fitur yang ter- 
dapat di plugin Bufferline, di antaranya: 


e Memindahkan buffer ke kanan: »b 
e Memindahkan buffer ke kiri: «b 


Neo-Tree 


Perintah-perintah berikut digunakan untuk mengakses fitur yang ter- 
dapat di plugin Neo-Tree, di antaranya: 


e Membuka dan menutup: SPASI-e 
e Fokus: SPASI-o 


Dashboard 

Perintah berikut digunakan untuk mengakses tampilan dashboard: 
e Pergi kedashboard: SPASI-d 

Session Manager 


Perintah-perintah berikut digunakan untuk mengelola sesi di dalam 
Neovim, di antaranya: 


e Simpan Sesi: SPASI-Ss 
e Sesi Terakhir: SPASI-SI1 


190 


e Hapus Sesi: SPASI-Sd 
e Cari Sesi: SPASI-Sf 
e Muat Direktori Saat Ini Sesi: SPASI-S. 


Package Management 


Perintah-perintah berikut digunakan untuk mengelola paket di dalam 
Neovim yang di mana menggunakan plugin Packer, di antaranya: 


e Pembaruan paket AstroNvim: SPASI-pa 
e Pembaruan AstroNvim: SPASI-pA 

e Versi AstroNvim: SPASI-pv 

e Pemasang Mason: SPASI-pI 

e Pembaru Mason: SPASI-pU 

e Kompilasi Packer: SPASI-pc 

e Memasang Packer: SPASI-pi 

e# Status Packer: SPASI-pS 

e Sinkronisasi Packer: SPASI-ps 

e Pembaruan Packer: SPASI-pu 


Language Server Protocol 


Perintah-perintah berikut digunakan untuk mengelola LSP di dalam 
Neovim, di antaranya: 


e# Informasi LSP: SPASI-li 

e Dokumen hover: SHIFT-k 

e Format dokumen: SPASI-1f 

e Outline simbol: SPASI-1S 

e Diagnostik baris: gl, SPASI-1d 

e Semua diagnostik: SPASI-1D 

e Tindakan kode: SPASI-la 

e Bantuan tanda tangan: SPASI-1h 
e Ganti nama: SPASI-1r 

e Simbol dokumen: SPASI-1s 
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Simbol lingkup kerja: SPASI-1G 
Diagnostik berikutnya: Jd 
Diagnostik sebelumnya: (d 
Deklarasi: gD 

Definisi Tipe: gT 

Definisi: gd 

Implementasi: g1I 

Referensi: gr 


Telescope 


Perintah-perintah berikut digunakan untuk mengakses fitur Tele- 
scope di dalam Neovim, di antaranya: 


Live grep: SPASI-fw 

Live grep (termasuk yang tersembunyi): SPASI-fW 
Status Git: SPASI-gt 

Cabang Git: SPASI-gb, SPASI-sb 

Commit Git: SPASI-gc 

Mencari berkas: SPASI-ff 

Mencari berkas (termasuk yang tersembunyi): SPASI -fF 
Buffer: SPASI-fb 

Tag bantuan: SPASI-fh, SPASI-sh 

Tanda: SPASI-fm 

Berkas lama: SPASI-fo 

Halaman man: SPASI-sm 

Notifikasi: SPASI-sn 

Daftar: SPASI-sr 

Peta kunci: SPASI-sk 

Perintah: SPASI-sc 

Simbol LSP: SPASI-1s 

Simbol lingkup kerja LSP: SPASI-1G 

Referensi LSP: SPASI-1R 

Diagnostik LSP: SPASI-1D 
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Toggle Terminal 


Perintah-perintah berikut digunakan untuk mengakses fitur terminal 
di dalam Neovim, di antaranya: 


Git 


Beralih terminal: F7 

Terminal melayang: SPASI-tf 
Membagi terminal horizontal: SPASI-th 
Membagi terminal vertikal: SPASI-tv 
LazyGit: SPASI-t1, SPASI-gg 

Node: SPASI-tn 

GDU: SPASI-tu 

Bottom: SPASI-tt 


Perintah-perintah berikut digunakan untuk mengakses fitur Git di da- 
lam Neovim, di antaranya: 


Hunk berikutnya: SPASI-gj 
Hunk sebelumnya: SPASI-gk 
Blame baris: SPASI-gl 
Pratinjau hunk: SPASI-gp 
Atur ulang hunk: SPASI-gr 
Tingkatkan hunk: SPASI-gs 
Hunk tanpa tingkat: SPASI -gu 
Git diff. SPASI-gd 


User Interface 


Perintah-perintah berikut digunakan untuk mengakses fitur-fitur 
yang berkaitan dengan antarmuka pengguna di dalam Neovim, di an- 


taranya: 


Menghidupkan/Mematikan autopairs: SPASI-ua 
Menghidupkan/Mematikan latar belakang: SPASI -ub 
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e Menghidupkan/Mematikan autocompletion: SPASI-uc 

e Menghidupkan/Mematikan penyorotan warna: SPASI-uC 
e Menghidupkan/Mematikan diagnostik: SPASI-ud 

e Menghidupkan/Mematikan pemformatan otomatis: SPASI-uf 
e Menghidupkan/Mematikan signcolumn: SPASI-ug 

e Mengubah pengaturan indentasi: SPASI-ui 

e Menghidupkan/Mematikan statusline: SPASI-ul 

e Mengubah penomoran baris: SPASI-un 

e Menghidupkan/Mematikan mode paste: SPASI-up 

e Menghidupkan/Mematikan pemeriksaan ejaan: SPASI-us 
e Menghidupkan/Mematikan conceal: SPASI -uS 

e Menghidupkan/Mematikan tabline: SPASI-ut 

e Menghidupkan/Mematikan penyorotan URL: SPASI-uu 

e Menghidupkan/Mematikan pembungkus: SPASI -uw 

e Menghidupkan/Mematikan penyorotan sintaks: SPASI-uy 


Konfigurasi 


Pada dasarnya AstroNvim hanya sekadar sekumpulan konfigurasi 
yang memudahkan kita dalam menjadikan Neovim sebagai IDE, bukan 
sebuah proyek fork Vim layaknya Neovim. Sebelumnya kita sudah 
belajar mengenai penggunaan dasar fitur-fitur yang terdapat pada As- 
troNvim, fitur-fitur tersebut tersedia berkat adanya konfigurasi dari 
AstroNvim. Kendati hal ini membuat Neovim kita menjadi opinion- 
ated, tapi sebenarnya kendali konfigurasi tetap berada di tangan kita. 


Konfigurasi AstroNvim dapat kita kustomisasi sesuai dengan keingi- 
nan dan kebutuhan, mungkin saja kita ingin mengubah, menambah, 
atau bahkan menghapus suatu konfigurasi yang terdapat pada As- 
troNvim secara bawaan. Hal ini dapat dilakukan dengan mudah, ka- 
rena pada dasarnya sama seperti konfigurasi Neovim pada umumnya, 
hanya saja ditulis oleh AstroNvim. 


Ketika Neovim dijalankan, ia akan membaca berkas konfigurasi yang 
kita tulis di dalam alamat sesuai dengan sistem operasi yang kita 
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gunakan, seperti -/.config/nvim/init.vim (atau .lua) untuk 
pengguna Unix dan Unix-like atau «/AppData/Local/nvim/init.vim 
(atau .lua) untuk pengguna Windows. 


Karena kita menggunakan konfigurasi AstroNvim, maka Neovim akan 
membaca konfigurasi tersebut, konfigurasi yang ditulis oleh As- 
troNvim. Kita dapat lihat berkas init.lua dari AstroNvim seperti ini: 


local impatient ok, impatient - pcalL(regvire, "impa- 
tient") 


if impatient ok then impatient.enable profile() end 
for ., source in ipairs i 

"core.utils", 

"core.options", 

"core.bootstrap", 

"core.diagnostics", 

"core.autocmds", 

"core.mappings", 

"configs.which-key-register", 
r do 

local status ok, fault - pcalL(regvuire, source) 


if not status ok then 
vim.api.nvim err.writeln("Failed to load " .. source 
.. "inn" .. fault) end 


end 


astronvim.conditional func(as- 
tronvim.user plugin opts("polish", nil, false)) 
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if vim.fn.has "nvim-0.8" s- 1 or vim.version().prere- 
Lease then 


vim.schedule(function() astronvim.notify("Unsup- 
ported Neovim Version! Please check the reguire- 
ments", "error") end) 


end 


Tentu saja konfigurasi tersebut terlihat lebih rumit dari konfigurasi 
yang kita pelajari sebelumnya pada bagian konfigurasi Neovim. Hal ini 
bisa terjadi karena terdapat banyak sekali konfigurasi AstroNvim 
yang mengatur segala aspek dari Neovim, mulai dari pemetaan tom- 
bol, pengelolaan paket, pengaturan opsi, hingga memungkinkan kita 
dapat menulis konfigurasi sendiri tanpa menganggu konfigurasi 
bawaan AstroNvim. 


Pada dasarnya, kita bisa saja mengubah konfigurasi bawaan As- 
troNvim agar sesuai dengan kehendak kita dengan mengubah berkas 
init.lua tersebut. Namun, itu bukan cara yang benar menurut As- 
troNvim, karena ini akan membuat konfigurasi AstroNvim tercampur 
dengan konfigurasi yang kita tulis sehingga akan membuat AstroNvim 
sulit atau bahkan tidak bisa untuk diperbaharui. 


Kustomisasi 


Kita dapat menulis konfigurasi sendiri untuk mengkustomisasi kon- 
figurasi AstroNvim dengan cara membuat berkas konfigurasi baru di 
dalam folder user, lengkapnya seperti ini untuk Unix dan Unix-like: 


s/.config/nvim/Llua/user/init.lua 
Untuk Windows: 

“/AppData/LocaL/nvim/lua/user/init.lua 
Konfigurasi tersebut dapat ditulis dengan sintaksis seperti ini: 


Local config - “ 
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y 


return config 


Seluruh konfigurasi personal yang kita inginkan dapat diletakkan di 
dalam table config. Sebagai contoh yang paling dasar, saya ingin men- 
gubah tinggi command-line menjadi 1: 


Local config - “ 
options - 4 
opt - 4 


cmdheight - 1, 


5 


return config 


Konfigurasi yang sebelumnya kita tulis dengan sintaksis 
vim.opt.nama opsi, sekarang kita dapat tulis di dalam op- 
tions.opt.nama opsi seperti di atas. Karena dengan seperti itu As- 
troNvim dapat membaca konfigurasi personal yang kita tulis. Konfig- 
urasi tersebut akan membuat statusline tidak lagi tergabung dengan 
baris command-line. 
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.. 
init.lua x 


Local config - 4 
options - 4 
opt 
cmdheight - 1, 


LN Ti 


return config 


, 928 written 


Konfigurasi cmdheight - 1 


Sama halnya dengan opsi-opsi Neovim yang lain, kita dapat menulis 
dengan cara serupa seperti sebelumnya. 


Dashboard 


Bila kamu membuka Neovim tanpa argumen nama berkas apapun, 
maka Neovim akan membuka halaman dashboard atau kamu dapat 
menyebutnya welcome screen jika mau. 


Neovim dashboard 
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Tulisan besar "ASTRO NVIM" yang kita lihat berasal dari konfigurasi 
bawaan AstroNvim, kita dapat mengubahnya pada konfigurasi 
header, misal seperti ini: 


Local config - 


header - “4 
"Nauval", 
"@mhdnauvalazhar", 
5 


y 


return config 


Hasilnya akan seperti ini: 


Konfigurasi header 


Tentu saja tidak terlihat seperti sebelumnya yang dibuat oleh As- 
troNvim, untuk membuatnya nampak lebih bagus, kita dapat 
menggunakan alat seperti https://fsymbols.com/generators/carty/. 
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Nauval 


NAUYAL 2 


https://fsymbols.com/generators/carty/ 


Untuk menggunakannya, salin pada bagian yang diinginkan, 
kemudian taruh pada konfigurasi header seperti sebelumnya, dengan 
penulisan sepert ini: 


init. wa 


Konfigurasi header 


Untuk melihat hasilnya, kita dapat menjalankan ulang Neovim. 
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Neovim dengan header baru 


Tentu hasilnya lebih bagus ketimbang sebelumnya yang hanya 
menggunakan teks reguler. 


Colorscheme 


Secara bawaan konfigurasi AstroNvim menggunakan default theme 
sebagai colorscheme. Kita dapat mengubahnya sesuai yang kita 
inginkan. Sebelum itu, periksa nama colorscheme yang hendak 
digunakan dengan menggunakan perintah : Telescope colorscheme 
di dalam Neovim. 
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Daftar colorscheme 


Setelah mendapat nama yang diinginkan, kita dapat mengaturnya 
dengan konfigurasi berikut: 


local config - 4 
colorscheme - "blue", 


y 


return config 


Seandainya kita hendak menggunakan colorscheme pihak ketiga yang 
lain, misal colorscheme bernama Tokyonight, kita dapat menggunakan 
sintaksis seperti berikut: 


Local config - “ 


colorscheme - "tokyonight", 
plugins - 4 
init - 4 
t 


"folke/tokyonight.nvim", 
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as - "tokyonight", 
config - function() 
regvire("tokyonight ").setup #4 


end, 


return config 


Konfigurasi tersebut akan menggunakan colorscheme Tokyonight dan 
memasang plugin tersebut karena Tokyonight merupakan color- 
scheme pihak ketiga. 


Jalankan ulang program Neovim, kemudian jalankan perintah :Pack- 
erSync di dalam Neovim untuk memasang plugin Tokyonight yang 
sebelumnya kita tulis di dalam konfigurasi. Tunggu hingga prosesnya 
selesai dan jalankan ulang Neovim kembali untuk membuat Neovim 
menggunakan colorscheme yang baru 
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Neovim dengan Tokyonight 


Pada colorscheme Tokyonight terdapat beberapa gaya, seperti storm, 
moon, night, dan day. Gaya storm digunakan sebagai bawaan. Anggap 
saja kita ingin menggunakan gaya night, untuk memberikan konfigur- 
asinya, kita dapat menggunakan cara seperti ini: 


Local config - 


colorscheme - "tokyonight", 
plugins - 4 
init - 4 
5! 


"folke/tokyonight.nvim", 
as - "tokyonight", 
config - function() 
reguire("tokyonight ") .setup 4 
style - "night" 
TJ 
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return config 


Jalankan ulang Neovim dan jalankan perintah : PackerSync kembali, 
tunggu hingga prosesnya selesai dan jalankan Neovim kembali untuk 
memulai menggunakan colorscheme dengan gaya yang baru. 


Tokyonight dengan gaya night 


Gaya night pada Tokyonight memiliki tema yang lebih gelap dibanding 
sebelumnya. Semua konfigurasi yang berkaitan dengan colorscheme 
dapat dituliskan dengan cara seperti sebelumnya. 


Statusline 


AstroNvim menggunakan plugin Heirline untuk mengatur antarmuka 
statusline. Pada Neovim, statusline berada di bagian bawah dan di atas 
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command-line. Seperti yang kita lihat saat ini statusline tidak menam- 
pilkan teks mode yang sedang aktif saat ini, seperti normal, insert, vis- 
ual, atau mode yang lain. 


Menampilkan teks mode pada statusline tentu sangat berguna bagi 
pemula yang masih baru menggunakan Neovim. Untuk itu kita akan 
mengubah konfigurasi statusline bawaan AstroNvim agar menampil- 
kan teks mode. 


Statusline terdiri dari beberapa komponen di dalamnya, seperti mode, 
branch Git, informasi berkas, diagnostic hingga nav. Secara bawaan, 
komponen mode terdapat pada statusline, hanya saja tidak menam- 
pilkan teks, maka dari itu kita perlu mengubah komponen moder ter- 
sebut. Untuk itu, kita dapat menggunakan konfigurasi berikut: 


local config - 4 
plugins - 4 
heirline - function(config) 
config(1l - 4 
hL 1 fg - "fg", bg - "bg" Ik, 


astronvim.status.component.mode 4 mode. text - 
1 padding - 4 left - 1, right - 1! J1 !, 


astronvim.status.component.git. branch(), 
astronvim.status.component.file. info(), 
astronvim.status.component.git. diff ), 
astronvim.status.component.diagnostics(), 
astronvim.status.component.filLO), 
astronvim.status.component.macro. recording(), 
astronvim.status.component.filLO), 


astronvim.status.component.1sp(), 
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astronvim.status.component.treesitter(), 


astronvim.status.component.nav(), 


return config 


Pada konfigurasi di atas bagian yang penting untuk menampilkan teks 
mode di statusline adalah: 


astronvim.status.component.mode 4 mode text - 4 pad- 
ding - 4 Left - 1, right - 1)! ! tr, 


Hanya saja, agar komponen yang lain juga ditampilkan kembali, maka 
kita perlu menulis ulang atau menyertakan komponen-komponen ter- 
sebut kembali. 


Jalankan ulang Neovim untuk melihat hasilnya. 


init. Wa x 


config 


astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 


config 


confif 
» ma 


init.lua 


Neovim dengan teks mode 
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Kini statusline memiliki teks mode yang akan memudahkan kita 
mengetahui mode yang sedang aktif saat ini. 


Plugin 


Seperti yang sudah dijelaskan sebelumnya bahwa konfigurasi As- 
troNvim bergantung pada beberapa plugin-plugin pihak ketiga. Se- 
bagai contoh, sebelumnya statusline bergantung pada plugin Heirline. 


Seluruh plugin-plugin tersebut memiliki konfigurasi atau opsi-opsi 
bawaan yang sudah diatur oleh AstroNvim. Kendati sudah diatur 
secara bawaan, kita juga dapat mengubah konfigurasi pada plugin- 
plugin tertentu sesuai dengan keinginan kita, seperti yang kita 
lakukan pada statusline sebelumnya. 


Untuk mengubah konfigurasi pada plugin tertentu di AstroNvim, kita 
dapat melakukannya dengan cara yang sama seperti kita mengubah 
konfigurasi pada plugin Heirline. Sebagai contoh, kita akan mengubah 
konfigurasi pada plugin Neo-tree agar posisinya berpindah ke sebelah 
kanan Neovim. Untuk melakukannya, kita dapat menggunakan cara 
seperti berikut: 


local config - “ 


plugins - “ 


| 
-K 


("neo-tree") - 
window - 4 


position - "right" 


y 


return config 
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Jalankan kembali Neovim untuk melihat hasilnya. 


init. wa x 


m File 
“/.config/nvim 


config 


astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 
astronvim 

astronvim 

astronvim 
astronvim 


config 


Posisi Neo-tree di sebelah kanan 


Begitu juga dengan plugin-plugin yang lain, kita dapat menggunakan 
cara yang sama untuk mengubah konfigurasi bawaannya - semuanya 
ditaruh di dalam key plugins. 


Selain itu, kita dapat menonaktifkan plugin bawaan konfigurasi As- 
troNvim. Sebagai contoh, kita akan menonaktifkan plugin Alpha: 


Local config - “ 
plugins - i 
init - 4 


I"goolord/alpha-nvim") - 4 disable - true I, 


13 


return config 


Jalankan ulang Neovim, lalu jalankan perintah :PackerSync agar 
Packer melakukan cleanup terhadap plugin yang tidak digunakan. 
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Kamu akan mendapat floating window untuk mengkonfirmasi pengha- 
pusan plugin dari Packer, masukkan y dan tekan ENTER. 


Ketika kita memuat ulang Neovim, maka sudah tidak ada lagi dash- 
board atau welcome screen karena kita sudah menonaktifkan plugin 
tersebut. Untuk mengembalikannya, hapus saja konfigurasi yang 
sebelumnya kita tulis untuk menonaktifkan plugin tersebut, dan si- 
sanya lakukan langkah yang sama seperti sebelumnya. 


Selain itu, kita dapat menambah plugin baru yang hendak kita pasang 
ke dalam Neovim. Misal, kita hendak memasang plugin Emmet di Ne- 
ovim, kita dapat menggunakan konfigurasi berikut: 


local config - “ 
plugins - 4 
Init 4 


4 "mattn/emmet-vim" 3 


y 


return config 


Jalankan ulang Neovim dan jalankan perintah : PackerSync kembali, 
tunggu hingga prosesnya selesai dan jalankan Neovim kembali agar 
memuat plugin yang baru. 


Untuk mengujinya, kita dapat buat berkas HTML baru dan ketik kode 
berikut: 


Ulslibaxg 


Lalu gunakan kombinasi tombol CTRL-y, untuk mengubahnya men- 
jadi kode HTML seperti berikut: 


«UW- 
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lis 
ca href-""»x/a» 
ca href-""»x/a» 
ca href-""»x/a» 
ca href-""»x/a» 
ca href-""»x/a» 

«/Lis 

«/UW 


Untuk memasang plugin-plugin yang lain kita dapat menggunakan 
cara yang sama. 
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Syntax Highlighter & Language Server Pro- 
tocol 


Pada bagian ini kita akan membahas prihal syntax highlighter dan Lan- 
guage Server Protocol (LSP). Kedua hal ini didukung secara bawaan 
oleh Neovim, namun kita perlu mempelajari cara mengelola dan 
menggunakannya. 


Syntax Highlighter 


Secara bawaan, Neovim memiliki syntax highlighter untuk mem- 
berikan warna pada setiap elemen-elemen kode yang kita tulis di da- 
lamnya. Namun, dalam beberapa kasus, perwarnaan yang diberikan 
seringkali tidak begitu baik, sehingga elemen-elemen memiliki warna 
yang sama dengan elemen jenis lain. 


AstroNvim menggunakan plugin Treesitter untuk memberikan 
pewarnaan pada sintaksis dengan lebih cantik dibandingkan dengan 
hasil pada pewarnaan tradisional. 


Anggap saja kita memiliki kode HTML seperti berikut: 


Syntax highlighter pada kode HTML 
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Kita dapat memasang syntax highlighter pada Treestitter untuk mas- 
ing-masing jenis sintaksis. Sebagai contoh untuk sintaksis HTMI, kita 
dapat memasangnya dengan perintah :TSInstall html. Tunggu 
hingga proses pemasangan selesai dan jalankan ulang Neovim. 


Hasilnya akan seperti ini: 


index.htm 


Syntax highlighter dengan Treesitter 


Tentu hasil yang sekarang lebih baik dibanding yang sebelumnya. Un- 
tuk sintaksis yang lain kita dapat memasangnya dengan cara yang 
sama seperti sebelumnya. Sebagai contoh, kita akan memasang untuk 
sintaksis JavaScript. 


Sebelumnya seperti ini: 
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.. 
JS index.js 


Alacritty 


const 
function wel 
return “W 


5 


console.Log(welcom 


bk main 3s javascript 


Kode JavaScript tanpa Treesitter 


Setelah memasang sintaksis untuk JavaScript, hasilnya seperti ini: 


.. 
JS index.js x 
1 onst username 
function (name) 4 
return $fname) : 


yk 


console. (userName)): 


P main 3s javascript 


Kode JavaScript dengan Treesitter 


Kamu dapat memasang jenis sintaksis yang pada Treesitter dengan 
cara yang sama seperti sebelumnya sesuai dengan kebutuhanmu. 
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Language Server Protocol 


Language Server Protocol (LSP) adalah suatu spesifikasi yang menen- 
tukan bagaimana suatu server yang menyediakan layanan untuk me- 
nyunting dan menganalisis kode dari suatu bahasa pemrograman ter- 
tentu dapat berkomunikasi dengan IDE yang menggunakannya. 


LSP memungkinkan IDE untuk memanfaatkan layanan yang diberikan 
oleh server tersebut, seperti autocompletion, go-to-definition, docu- 
mentation, diagnostic, format atau yang lainnya, dengan cara yang ter- 
standarisasi. Dengan menggunakan LSP, pengembang dapat membuat 
IDE yang lebih kuat dan efisien, serta memudahkan pengembangan 
yang ditulis dalam bahasa pemrograman tertentu. 


Perlu dicatat bahwa tidak semua server LSP menyediakan kapabilitas 
yang sama, sebagai contoh mungkin server LSP untuk HTML men- 
dukung code formatting tapi tidak untuk server LSP CSS, begitu juga 
dengan fitur-fitur LSP yang lainnya. Ketersediaan fitur-fitur tersebut 
tergantung pada server LSP. 


Neovim mendukung LSP secara bawaan, ini memungkinkan kita un- 
tuk memanfaatkan layanan yang diberikan oleh sebuah server LSP un- 
tuk menyunting dan menganalisis kode dari bahasa pemrograman 
tertentu. 


Kendati begitu, pada dasarnya kita perlu mengkonfigurasi Neovim 
agar dapat bekerja dengan LSP dan memasang server LSP yang sesuai 
dengan bahasa pemrograman yang ingin kita gunakan. Namun, karena 
kita sudah menggunakan konfigurasi AstroNvim, kita tidak perlu 
melakukan konfigurasi lagi dari awal, seperti memasang paket nvim- 
Ispconfig, nvim-cmp, hingga mason. 


Untuk mulai menggunakan fitur-fitur LSP seperti autocompletion pada 
Neovim dengan konfigurasi AstroNvim kita hanya perlu memasang 
masing-masing server LSP untuk setiap pemrograman yang kita 
gunakan. 
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Sebagai contoh, kita dapat membuat berkas HTML baru seperti beri- 
kut: 


index.htmi 


p main htmL 


Berkas baru HTML 


Jika kamu letakkan kursor di atas tag span lalu jalankan perintah K, 
maka akan muncul notifikasi di dalam Neovim seperti ini: 


man.lua: "no manual entry for span" 


Notifikasi tidak ada manual entry 


Ini karena Neovim tidak menemukan dokumentasi untuk tag span ter- 
sebut. Untuk mengatasi ini kita dapat memasang server LSP untuk 
HTML dengan cara menggunakan perintah :Mason dan tekan 2 untuk 
beralih ke tab LSP, lalu cari html-Isp dan tekan i untuk memasangnya. 
Jalan pintas untuk memasang server LSP adalah dengan menggunakan 
perintah :LspInstall nama-server. 
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.. Alacritty 
GB index.htm 


«!DOCT pres for help 


chea 


Instatling 
Dtmi-1sp 


Memasang server LSP HTML 


Tunggu proses pemasangan hingga selesai. Jika sudah selesai, tutup 
floating window dengan perintah g dan kembali gunakan perintah K 
pada tag span untuk membuka dokumentasi, sekarang seharusnya su- 
dah muncul seperti ini: 


8 index.htmi sc 


S!DOCTYPE html» 
«htm Lang 
head» 
Stitle»s/title» 
«meta charset: 
cmeta name-"v t" content: 
clink href le rel 
c/head» 
sbody» 
cspan»SampLex/span» 


ean anything on its own, but can be useful when used together with the global attri 


r dir. It re nts its children 


1Chttps://devetopelf.moziULa.org/docs/Web/HTML/Element/span) 


Fitur dokumentasi LSP 
Bila belum muncul, jalankan ulang Neovim terlebih dahulu. 


Selain itu, kita juga mendapatkan fitur autocompletion untuk HTML, 
seperti ini: 
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.. 
B index.htmi 


S!DOCTYPE html» 
html Lang-"e 
head» 
stitle»e/title» 
«meta charset » 
«meta name content: 
Slink href: 


I 1(nttps://developer .mozilLa.org/docs/Web/HTML/ 
Element/div) 


Urmnain BOhtm D13 €£ html 


Fitur autocompletion 


Untuk bahasa yang lain, kita dapat menggunakan cara yang serupa 
dengan sebelumnya. Sebagai contoh, kita akan memasang server LSP 
untuk CSS dengan perintah :LspInstall cssls dan tunggu hingga 
selesai proses pemasangannya. 


Kita dapat mengujinya dengan membuat buffer atau berkas CSS baru, 
misal seperti ini: 


Alacritty 
test.css 


.header 4 
backgr| 
# backgrou 
#backg 
# backgroui 
# background 
# background 
# background 
# background 
# backgroui 
# background 


# background 


Menguji autocompletion untuk CSS 


Untuk contoh dokumentasinya: 
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Alacritty 
test.css 


.header “4 
M property value expected 
1 


the background color of an element 


irefox 1, Safari 1, Chrome 1, IE 4, Opera 3) 


1 (nttps://developer.mozilla.org/docs/Web/CSS/background-color) 


Dokumentasi server LSP CSS 


Selain fitur autocompletion dan dokumentasi, Neovim juga memuncul- 
kan diagnostic dari server LSP yang sedang digunakan. Seperti pada 
tangkapan layar di atas yang memberikan inline error bertuliskan 
"property value expected". Diagnostic dapat berasal dari beberapa 
sumber, seperti server LSP atau linter. 


Kita dapat melihat semua daftar diagnostic yang terdapat di sumber 
kode kita dengan bantuan Telescope, gunakan perintah : Telescope 
diagnostics untuk melihatnya. 


test.css 9 


.header 4 
MH property value expected 
y 


1 @ 2:21 | property value expected 
KJ Tit e cted 


Telescope diagnostics 
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Apabila kita ingin mendapatkan linting yang lebih lanjut, kita dapat 
memasang linter untuk masing-masing bahasa, seperti eslint untuk Ja- 
vaScript, atau stylelint untuk CSS. Kita dapat menggunakan Mason un- 
tuk memasang linter dengan perintah : Mason. Kemudian tekan 5 un- 
tuk beralih ke tab linter dan cari linter yang diingkan lalu tekan i un- 
tuk memasangnya. 


for help 


Language Filter: 


Installed 


Memasang linter 


Kita juga dapat menggunakan fitur formatting untuk memformat kode 
pada buffer yang sedang aktif. Ketika kita menyimpan buffer, maka Ne- 
ovim akan memformatnya dahulu sebelum menyimpan. Jika kita ingin 
memformatnya secara manual, kita dapat menggunakan perintah 
: Format pada buffer yang sedang aktif. 


Tidak semua server LSP mendukung formatting contohnya cssls, kita 
perlu menggunakan alternatif yang lebih umum, seperti 
menggunakan alat Prettier. AstroNvim menggunakan plugin Null-ls 
untuk mengelola hal ini, kita dapat menggunakan perintah : Nul1Ls- 
Install prettierd. Tunggu hingga prosesnya selesai. 
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Alacritty 


for help 


Language Filter: 


InstatLed 
prettier 


prettierd 


dprint 


Memasang prettierd 


Sekarang kita sudah dapat melakukan formatting pada kode kita 
dengan cara menyimpannya atau menggunakan cara yang sudah di- 
jelaskan sebelumnya. 


Tentu saja kamu perlu menyesuaikan kembali LSP, linter dan format- 
ter agar sesuai dengan kebutuhanmu dan penjelasan di atas dapat di- 
jadikan referensi. Sungguh begitu luas bila kita membahas semuanya 
satu per satu. 


Fitur-fitur yang dijelaskan sebelumnya datang dari server LSP atau 
alat-alat eksternal lainnya, kemudian konfigurasi AstroNvim menga- 
tur sisanya sehingga kita dapat menggunakannya dengan mudah. Ken- 
dati Neovim mendukung LSP bukan berarti semuanya hanya perlu 
dipasang dan tiba-tiba jalan sesuai dengan keinginan kita. 


Setiap fitur yang terdapat dari masing-masing server LSP harus diatur 
agar kita dapat menggunakannya, sebagai contoh untuk memuncul- 
kan sugesti autocompletion dari server LSP kita perlu mengintegrasi- 
kannya dengan plugin seperti CMP. Tentu saja hal ini membutuhkan 
waktu dan tenaga bila kita lakukan secara mandiri dari awal. 
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Penutup 


Kita telah mempelajari banyak tentang Vim dan Neovim, termasuk 
bagaimana menggunakan AstroNvim sebagai layer IDE untuk mening- 
katkan produktivitas dan efisiensi saat mengembangkan perangkat 
lunak dengan Vim. 


Kita telah membahas berbagai fitur dan hal-hal dasar Vim, seperti me- 
mahami jenis-jenis mode, perintah, plugin hingga command-line, serta 
cara mengkonfigurasi Neovim untuk memenuhi kebutuhan pengem- 
bangan kita. 


Di masa depan, kita dapat melihat bagaimana teknologi terus berkem- 
bang dan mengubah cara kita bekerja. Vim dan Neovim akan terus 
berkembang untuk memenuhi kebutuhan tersebut, dan kita dapat me- 
manfaatkan fitur-fitur baru yang ditambahkan untuk meningkatkan 
produktivitas dan efisiensi kita. 


Bagaimanapun, buku yang saya tulis ini hanya berupa sebuah pengan- 
tar Vim. Saya menyarankan kamu untuk terus belajar dan mencari 
sumber-sumber belajar yang dapat membantu kamu dalam 
menggunakan kedua program ini secara lebih efektif. Ada banyak 
sumber belajar gratis dan berbayar yang dapat kita akses, mulai dari 
dokumentasi resmi, tutorial daring, hingga buku-buku khusus tentang 
Vim dan Neovim. 


Akhir kata, saya ingin mengucapkan terima kasih kepada tim pengem- 
bang Vim dan Neovim yang telah bekerja keras untuk membuat dan 
menjaga kualitas dari kedua program tersebut. Selain itu saya juga 
ingin mengucapkan terima kasih kepada tim yang memelihara As- 
troNvim dan plugin-plugin yang digunakan di dalamnya. 


Tidak lupa, saya juga ingin mengucapkan terima kasih kepada kamu 
yang telah menyelesaikan buku ini dan memperhatikan usaha saya 
dalam menulisnya. Saya harap buku ini dapat memberikan wawasan 
dan pengetahuan yang bermanfaat bagimu, dan semoga kita dapat 
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menggunakan Vim dan Neovim dengan lebih efektif dalam me- 
nyelesaikan tugas-tugas pengembangan perangkat lunak kamu. 


Selamat melanjutkan petualanganmu di ekosistem Vim! 
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Penulis 


Muhamad Nawuval Azhar adalah seorang programmer yang tinggal di 
Bogor. Ia memulai kariernya sebagai programmer sekitar 1 dekade 
yang lalu, dan sejak itu terus berkembang dan belajar tentang 
teknologi terbaru di bidang ini. 


Selain bekerja, Muhamad juga memiliki hobi membuat proyek sumber 
terbuka yang bermanfaat bagi masyarakat. Salah satu proyek terfa- 
voritnya yang ia buat adalah Stisla, sebuah template admin gratis yang 
dapat digunakan untuk membangun aplikasi web modern. Stisla telah 
digunakan oleh ribuan pengembang di seluruh dunia, dan saat ini 
tersedia di situs web resmi getstisla.com. 


Selain itu, Muhamad juga membuat proyek lain yang bernama array id 
(arrayid.org), sebuah komunitas online yang membahas tentang 
teknologi dan pengembangan perangkat lunak. Di array id, Muhamad 
dan teman-teman yang lain membagikan berita, tutorial, dan ber- 
diskusi tentang teknologi terbaru untuk membantu para pengembang 
meningkatkan kemampuan dan pengetahuan mereka. 


Muhamad merulis buku Pengantar Vi iMproved dengan tujuan mem- 
bantu para pembaca yang ingin memulai belajar juga beralih ke Vim 
dan Neovim, serta menyediakan panduan yang mudah dipahami bagi 
mereka yang ingin menggunakan kedua program ini secara efektif. Ia 
berharap buku ini dapat memberikan wawasan dan pengetahuan 
yang bermanfaat bagi para pembaca, dan semoga dapat membantu 
mereka dalam meningkatkan produktivitas dan efisiensi dalam 
mengembangkan perangkat lunak. 
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Kita perlu membiasakan mencoba alternatif 
lain untuk melihat potensi pengalaman yang 
lebih baik. Bukan menutup diri dengan 


berlagak konservatif. 


